Syntax Error: ValidationError: Invalid options object. Sass

报错

Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
 - options has an unknown property 'prependData'. These properties are valid:
   object { implementation?, sassOptions?, additionalData?, sourceMap?, webpackImporter? }

4.0sass升级到5.0 sass就开始报这个错,版本

    "node-sass": "5.0.0",
    "sass": "1.36.0",
    "sass-loader": "10.2.1",

解决方法

其实是vue.config.js引用了这个

    css: {
        loaderOptions: {
          scss: {
            prependData: `@import "~@/styles/mixin.scss";`
          },
        },
      },

然后只要把prependData 改成additionalData即可

    css: {
        loaderOptions: {
            scss: {
                additionalData: `@import "~@/styles/mixin.scss";`
            },
        },
    },


相关内容

发表评论

验证码:
点击我更换图片

最新评论