我没有在app.scss
中更改任何内容,但当我运行npm run watch
时,我得到以下错误:
error in ./resources/sass/app.scss
Module build failed (from ./node_modules/sass-loader/lib/loader.js):
Unsupported operation: Cannot extract a file path from a URI with a fragment component
@ ./resources/sass/app.scss 2:14-254
Asset Size Chunks Chunk Names
/js/app.js 2.46 MiB /js/app [emitted] /js/app
ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):
undefined
^
Join(null, "variables"): part 0 was null, but part 1 was not.
@import 'variables';
^^^^^^^^^^^
stdin 2:9 root stylesheet
in C:\Users\TAQI VAHEED\Desktop\#Coding\resPro\resources\sass\app.scss (line 2, column 9)
at runLoaders (C:\Users\TAQI VAHEED\Desktop\#Coding\resPro\node_modules\webpack\lib\NormalModule.js:30
at C:\Users\TAQI VAHEED\Desktop\#Coding\resPro\node_modules\loader-runner\lib\LoaderRunner.js:364:11
at C:\Users\TAQI VAHEED\Desktop\#Coding\resPro\node_modules\loader-runner\lib\LoaderRunner.js:230:18
at context.callback (C:\Users\TAQI VAHEED\Desktop\#Coding\resPro\node_modules\loader-runner\lib\Loader
13)
任何帮助都感激不尽。
2条答案
按热度按时间col17t5w1#
终于找到问题了,问题是
laravel-mix
v4.x.x使用dart-sass
代替node-sass
。**发现与
dart-sass
或laravel-mix
相关的某些内容无法很好地处理包含“#”符号的路径。**在您的示例中,您的应用位于C:\Users\TAQI VAHEED\Desktop\#Coding\resPro
,而#Coding
文件夹正在创建错误。将您的应用移至路径中没有“#”符号的其他位置,或者按照laravel-mix 4.0.0 release notes中的步骤再次启用
node-sass
:您可以手动切换回node-sass,如下所示:
tsm1rwdh2#
在您的webpack.mix.js中编写代码
混合.js(“资源/js/应用程序. js”,“公共/js”).postCss(“资源/css/应用程序. css”,“公共/css”);