踩坑,vue項目中,main.js引入scss文件時報錯


當我們在src目錄下創建.scss文件,並在main.js中引用,運行時會報:

ERROR Failed to compile with 1 errors 5:25:07 PM
This relative module was not found:

* ./main.scss in ./src/main.js

如圖所示

 

解決方法:

新版本的vue-cli已經幫我們把sass-loader配置好了,放在util.js里面了

前面我們通過 cnpm i node-sass sass-loader -D    安裝好了scss依賴

並在build文件夾下的webpack.base.conf.js的rules里面添加了如下配置

{

test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}

 

現在不需要這樣配置。如果這樣配置會報錯,因為配置重復了。

只需將此配置刪除即可

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM