Я не новичок в PHP, но я новичок в PHP-фреймворках.
Недавно я начал изучать фреймворк Laravel для PHP, поэтому решил начать с руководств с канала Traversy Media. После того, как я попытался скомпилировать активы, я получил ОШИБКУ: (Ошибка возникает после npm run dev)
ERROR in ./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/lib/loader.js??ref--5-5!./resources/sass/app.scss
Module build failed: BrowserslistError: Unknown browser query `basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")`
at C:\xampp\htdocs\myapp\node_modules\browserslist\index.js:164:11
at Array.reduce (<anonymous>)
at resolve (C:\xampp\htdocs\myapp\node_modules\browserslist\index.js:132:18)
at browserslist (C:\xampp\htdocs\myapp\node_modules\browserslist\index.js:224:16)
at Browsers.parse (C:\xampp\htdocs\myapp\node_modules\autoprefixer\lib\browsers.js:61:16)
at new Browsers (C:\xampp\htdocs\myapp\node_modules\autoprefixer\lib\browsers.js:52:30)
at loadPrefixes (C:\xampp\htdocs\myapp\node_modules\autoprefixer\lib\autoprefixer.js:70:24)
at plugin (C:\xampp\htdocs\myapp\node_modules\autoprefixer\lib\autoprefixer.js:81:24)
at LazyResult.run (C:\xampp\htdocs\myapp\node_modules\postcss\lib\lazy-result.js:277:20)
at LazyResult.asyncTick (C:\xampp\htdocs\myapp\node_modules\postcss\lib\lazy-result.js:192:32)
at processing.Promise.then._this2.processed (C:\xampp\htdocs\myapp\node_modules\postcss\lib\lazy-result.js:231:20)
at new Promise (<anonymous>)
at LazyResult.async (C:\xampp\htdocs\myapp\node_modules\postcss\lib\lazy-result.js:228:27)
at LazyResult.then (C:\xampp\htdocs\myapp\node_modules\postcss\lib\lazy-result.js:134:21)
at Promise.resolve.then.then (C:\xampp\htdocs\myapp\node_modules\postcss-loader\lib\index.js:145:8)
at <anonymous>
@ ./resources/sass/app.scss 4:14-254
@ multi ./resources/js/app.js ./resources/sass/app.scss
I am trying to solve this problem but without success. I have tried to rebuild node-sass, also I've tried to reinstall all dependencies and change my @import path and nothing solved an error.
This is the code that refers to an error that occurs in **C:\xampp\myapp\node_modules\browserslist\index.js:164:11**
Функция разрешения для ссылки на ошибку
Если бы вы могли помочь мне с этим, я был бы очень признателен, потому что мне действительно нужно ускорить процесс обучения.
npm -v 6.1.0
узел -v 8.11.3
композитор -v 1.7.2
ремесленник - версия (Laravel Framework) 5.7.13
Вы также можете обновить версию своего узла. Последний LTS - 10.13. Вы совсем отстали. Всегда убедитесь, что вы используете последнюю версию, если используете последнюю версию laravel mix.
@Devon Спасибо за ваши предложения. Я обновлю свой узел. Как вы думаете, эта версия узла является актуальной проблемой, вызывающей ошибку?
Отредактируйте свой вопрос и свои ошибки как текст, а не изображения.
@ К счастью, не уверен, просто всегда полезно запускать последнюю версию узла при использовании mix. Поскольку это проблема с запросом браузера, какая у вас среда и какие браузеры установлены в этой среде?
@Devon Я использую Windows 7, работаю на сервере Apache, и я пишу свой код в Visual Studio Code, также используя встроенный терминал bash. Я не совсем понимаю, что вы имеете в виду, говоря, какие браузеры установлены, вы можете это пояснить? Для тестирования своего приложения я использую Google Chrome, если вы это имели в виду?






если npm install сгенерирует много файлов в вашем корневом проекте
перейдите в C: \ user {yourname} и пустой файл .npmrc (вы найдете prefix = something)
Во-вторых, я решил эту проблему, удалив node_modules и
"browserslist": [
"last 3 versions"
],
в моем package.json.
Вы снова запускаете npm install и npm run watch или dev
Всегда публикуйте сообщения об ошибках в виде текста, а не изображений. В противном случае людям будет трудно их скопировать, и их невозможно будет найти.