简体   繁体   English

我应该如何解决编译资产时发生的错误(Laravel Mix)

[英]How should I resolve an ERROR occuring while compiling Assets (Laravel Mix)

I am not new with PHP , but I am a total beginner with PHP frameworks.我对PHP并不陌生,但我完全是 PHP 框架的初学者。 Recently I have started learning Laravel framework for PHP , so I decided to start with tutorials from Traversy Media channel.最近我开始学习PHP 的Laravel框架,所以我决定从 Traversy Media 频道的教程开始。 After I have tried to compile assets I got an ERROR: ( An error occurs after npm run dev )在我尝试编译资产后,我收到一个错误:( 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**

Resolve function for referring error参考错误的解决功能

If you could help me with this i would really appreciate it, because I really need to speed up my learning process.如果你能帮我解决这个问题,我将不胜感激,因为我真的需要加快我的学习过程。

npm -v 6.1.0 npm -v 6.1.0
node -v 8.11.3节点-v 8.11.3
composer -v 1.7.2作曲家-v 1.7.2
artisan --version (Laravel Framework) 5.7.13工匠 --version (Laravel 框架) 5.7.13

if npm install generate to much file in your root project如果 npm install 在根项目中生成很多文件
go to C:\\user{yourname} and empty .npmrc file (your will find prefix= something)转到 C:\\user{yourname} 并清空 .npmrc 文件(你会发现 prefix= 东西)

Second i resolve this issue by deleting node_modules and其次,我通过删除 node_modules 和

"browserslist": [
        "last 3 versions"
    ],

in my package.json.在我的 package.json 中。

You run again npm install and npm run watch or dev你再次运行 npm install 和 npm run watch 或 dev

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM