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

如圖所示

 原因：  1.當前的腳手架已經幫忙配置好了

　　　　2.或者重復配置的解析scss的loader

 

解決方法：

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

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

配置重復了，刪除多余的配置即可