Sass Loader报错:ValidationError: Invalid options object. Sass Loader has been initialised using an opt
2021-01-25 00:13
标签:res ISE 解决 ali pre The pack css init _variable.scss的代码如下: 组件中的scss代码如下: 页面报错如下: Sass Loader报错:ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema. 标签:res ISE 解决 ali pre The pack css init 原文地址:https://www.cnblogs.com/xifeng59/p/12038878.html在vue.config.js中引入sass全局配置后报错
vue.config.js代码如下:module.exports = {
devServer: {
port: 3333,
open: true
},
css: {
loaderOptions: {
sass: {
data: `@import "@/assets/scss/_variable.scss";`
}
}
}
}
$theme-color: #33aef0;
{
color: $theme-color;
height: 100vh;
}
./src/assets/scss/reset.scss (./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-3-1!./node_modules/postcss-loader/src??ref--8-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-3-3!./src/assets/scss/reset.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.
- options has an unknown property ‘data‘. These properties are valid:
object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
at validate (E:\element-ui\vue-manage-system\node_modules\schema-utils\dist\validate.js:85:11)
at Object.loader (E:\element-ui\vue-manage-system\node_modules\sass-loader\dist\index.js:36:28)
解决办法:
将data改成prependData
// 旧
data: `@import "~@/assets/scss/variables.scss";`
// 新
prependData: `@import "~@/assets/scss/variables.scss";`
文章标题:Sass Loader报错:ValidationError: Invalid options object. Sass Loader has been initialised using an opt
文章链接:http://soscw.com/index.php/essay/46548.html