scss文件报错处理 （报错信息Invalid CSS after \"v\": expected 1 selector or at-rule, was 'var api = require）

 

第一次报错信息：

error  in ./src/assets/styles/app.scss
 
Module build failed:
@import "./reset.scss";
^
      Invalid CSS after "v": expected 1 selector or at-rule, was 'var api = require("'
      in /Users/aa/demo/new/src/assets/styles/app.scss (line 1, column 1)
 
 
@ ./src/modules/a/index.js 9:0-34
@ multi (webpack)-dev-server/client?http://localhost:8086 webpack/hot/dev-server ./src/modules/a/index.js

处理步骤：

　　将webpack.base.config.js scss配置

原代码为：

{
    test: /\.scss$/,
    loader: 'sass-loader!style-loader!css-loader',
}

改为：

{
    test: /\.scss$/,
    use:[
        'style-loader',
        'css-loader',
        {
            loader: 'sass-loader',
            options: {
                indentedSyntax: true
            }
        }
    ]
}

 

2.重新执行项目继续报错

Module build failed:
@import "./reset.scss";
^
      Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi"
      in /Users/zhangrui/jinmao/new/src/assets/styles/app.scss (line 1, column 1)
 
 
@ ./src/assets/styles/app.scss 2:26-435
@ ./src/modules/a/index.js
@ multi (webpack)-dev-server/client?http://localhost:8086 webpack/hot/dev-server ./src/modules/a/index.js

报错原因:

　　因为utils.js已经加载了scss,重复加载会有问题

处理步骤：　　

　　最终代码为删除就可以了

来源：https://www.cnblogs.com/jiayeyuan/p/12207754.html