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';
`
}
}
这样改完之后就没问题了!看来,版本升级搞死人啊!