Vue 加载 Sass Loader 报错

之前用cli脚手架搭完之后,直接把vue.config.js丢项目根目录就完事了,前几天用脚手架重新搭了个项目,安装完各种依赖之后,运行竟然莫名其妙的报错了:

ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.

上面写的是Sass Loader有问题,各种一顿查,结果发现cli版本更新造成的,cli现在用的版本是8.0.2,而之前我用的版本是7.1.0,把版本锁死之后,再次安装运行,一切正常!!!

好吧,那就是版本问题了,如果遇见这种问题,可以按照我上面说的这个搞就没问题了,如果不想改版本的话,那就接着往下说!其实,报错里面已经说明了:

Sass加载程序使用的API有问题了,问题就出在了全局加载

之前的loaderOptions怎么写的呢:

loaderOptions: {
  sass: {
    data: `
      @import '@/assets/styles/base/var.scss';
      @import '@/assets/styles/base/mixin.scss';
    `
  }
}

新升级的版本,要这么写:

loaderOptions: {
  sass: {
    prependData: `
      @import '@/assets/styles/base/var.scss';
      @import '@/assets/styles/base/mixin.scss';
    `
  }
}

这样改完之后就没问题了!看来,版本升级搞死人啊!

添加新评论