npm Laravel Mix中的“模块构建失败...”

4nkexdtk  于 2022-12-23  发布在  其他
关注(0)|答案(2)|浏览(143)

我没有在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)

任何帮助都感激不尽。

col17t5w

col17t5w1#

终于找到问题了,问题是laravel-mix v4.x.x使用dart-sass代替node-sass

**发现与dart-sasslaravel-mix相关的某些内容无法很好地处理包含“#”符号的路径。**在您的示例中,您的应用位于C:\Users\TAQI VAHEED\Desktop\#Coding\resPro,而#Coding文件夹正在创建错误。

将您的应用移至路径中没有“#”符号的其他位置,或者按照laravel-mix 4.0.0 release notes中的步骤再次启用node-sass
您可以手动切换回node-sass,如下所示:

npm install node-sass
mix.sass('resources/sass/app.sass', 'public/css', {
     implementation: require('node-sass')
});
tsm1rwdh

tsm1rwdh2#

在您的webpack.mix.js中编写代码
混合.js(“资源/js/应用程序. js”,“公共/js”).postCss(“资源/css/应用程序. css”,“公共/css”);

相关问题