[解决]Sass Loader has been initialized using an options object that does not match the API schema

最新推荐文章于 2023-11-14 20:02:17 发布
最新推荐文章于 2023-11-14 20:02:17 发布
阅读量1.1w 收藏 5
点赞数 1
分类专栏： css vue 文章标签： vue.js sass 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunqy1995/article/details/108595910
版权
在升级到Sass Loader v7以上版本后，遇到初始化选项对象错误。问题源于选项名变更，从`includePaths`更改为`additionalData`。尽管进行了修改，但错误依然存在。经排查发现，项目中仅使用了`sass`，而在配置中误添加了`includePaths`，移除该配置后问题得到解决。
摘要由CSDN通过智能技术生成

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

问题

在配置scss全局配置文件的时候出现了错误，sass-loader v7 以上的版本，将选项名从 data 更改为 prependData，修改完成后发现还是有问题，通过排查发现在项目中只使用了scss，再配置的时候配置了scss sass，将sass配置删除就好用了

css: {
   
        loaderOptions: {
   
            // 给 sass-loader 传递选项
            sass: {
最低0.47元/天 解锁文章
sunqy1995
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
vue-cli3配置sass-loader报错
Javavison的博客
04-19 1346
报错信息： 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 ‘additionalData’. These properties are valid: object { implementation
Invalid options object. Sass Loader has been initialized using an options object that does not match
xia_fang_xu的博客
04-28 3273
这里配置的话需要注意以下，否则会报错
ionic ValidationError: Invalid options object. Sass Loader has been initialized using an options obj
热门推荐
liwan09的博客
06-27 1万+
ionic 项目执行命令 ionic cordova platform android 时，出现错误ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema 解决方案： 重新安装sass-loader npm uninstall --save-dev sass-loader npm ins.
Stylus Loader has been initialized using an options object that does not match the API schema.
拯救世界的光太郎
11-10 1508
最近在练习一个项目，给一个组件中添加样式之后输入yarn serve启动项目就会提示： 40% building 157/165 modules 8 active ...\3.vue\vuecli_test\vue-app3\node_modules\vue-loader\lib\index.js??vue-loader-options!F:\vuecli_test\vue-app3\src\pages\Search\Search.vue?vue&type=template&id 98%
ValidationError: Invalid options object. Sass Loader has been initialized us...
浩星
07-14 1万+
前言： 在新的项目中是使用scss的时候报错这个的，原因是安装的 sass-load 版本太高了，需要换成7.1的版本 报错信息： ValidationError: Invalid options object. Sass Loader has been initialized us 解决方案：重新安装sass-loader cnpm uninstall --save sass-loader cnpm install --save sass-loader@7.1.0 ...
ValidationError: Invalid options object. Sass Loader has been initialized using an options object
hzl_chun的博客
01-06 2093
node和node-sass,sass-laoder版本对应问题 运行npm run dev:mp-weixin时候报了题目这个错，是node和node-sass,sass-laoder版本对应问题，我安装的是node v14.18.2，我安装了 “node-sass”: “^4.14.1”, sass-loader: 7.3.1才运行成功，中间出现重复安装了很多还是出现这个问题，是因为我nodeModules目录下还有 sass-loader没删干净，还有最后我顺便删了package-lock.js
ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.
08-15
Sass Loader has been initialized using an options object that does not match the API schema."的原因是sass-loader的版本问题。根据引用的解决方案，你可以尝试重新安装sass-loader并指定版本为7.1.0来解决这...
17:13:06.057 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 17:13:06.061 ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema. 17:13:06.066 - options has an unknown property 'additionalData'. These properties are valid: 17:13:06.066 object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter?, nvue? } 17:13:06.072 at validate (E:\whg\ChuangQi\app\ybgdd-ai\front\node_modules\@dcloudio\vue-cli-plugin-uni\packages\sass-loader\node_modules\schema-utils\dist\validate.js:96:11) 17:13:06.073 at Object.loader (E:\whg\ChuangQi\app\ybgdd-ai\front\node_modules\@dcloudio\vue-cli-plugin-uni\packages\sass-loader\dist\index.js:38:28)怎么解决
05-31
你可以尝试修改 Sass Loader 配置，将选项对象中的 additionalData 属性改为 prependData 属性。具体来说，你可以在 vue.config.js 中的 configureWebpack 中添加以下代码： ``` module.exports = { ...
使用低版本的vue-loader遇到的坑之ValidationError: Invalid options object. CSS Loader has been initialized using
qq_41687400的博客
08-07 1万+
使用低版本的vue-loader遇到的坑 最近在学习使用webpack打包vue项目，所以一开始下载了vue-loader和vue-template-compiler，但是由于现在15版本的vue-loader需要引入一个插件才能使用，我为了省事，在下载的时候指定了vue-loader的版本是14.2.2，一开始打包什么的都没问题，但是后来加入了style-loader和postcss-loader以及其他的杂七杂八的loader和plugin之后，我使用webpack打包就老是报错，（使用webpack-
解决vue cli4升级sass-loader(v8)后报错问题
11-19
sass-loader报错： Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schem a.  – options has an unknown property ‘data’. These properties are valid:   object {
Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized using an opt
最新发布
weixin_41009649的博客
11-14 3079
object { implementation?, sassOptions?, additionalData?, sourceMap?, webpackImporter? }'
angular "Sass Loader has been initialised using an options object that does not match"
csy_119的博客
11-21 2845
我新建了一个angular项目。想安装Scss。然后用下面的命令去添加 1. 执行 npm install node-sass --save-dev 2. 执行 npm install sass-loader --save-dev 然后ng serve的时候一直报错。就报 "Sass Loader has been initialised using an options object...
Sass Loader Error: Invalid options object. Stylus Loader has been initialized using an options objec
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
02-21 1617
报错信息 Sass Loader Error: Invalid options object. Stylus Loader has been initialized using an options object that does not match the API schema。 Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized using an options obje
(vue)解决：运行或构建报错Syntax Error: ValidationError: Invalid options object. Sass Loader has been initializ
nyf_unknow的博客
08-15 6872
提示：先去node module 包里面删除 sass-loder 和 node-sass 文件夹 ，再删除 package.json 里面的 node-sass 和 sass-loder。再执行以下卸载重装操作。原因：主要是sass-loader 和 node-sass版本过高或过低问题，卸载当前版本后寻找合适的版本安装，重启即可。...
CSS Loader has been initialised using an options object that does not match the API schema.
嗝~
08-09 1万+
最近在使用mpvue 的时候，运行服务一直报错，按照官方的路子试了几次都是一直错。 提示如下： 看到错误提示还以为是css loader 的问题，又是卸载又是更新的还是没用。 研究发现，重点在下面的minimize 上，原来是webpack 版本的问题，我的webpack 版本是 4.29.6，css-loader 已经没有了这个选项了。 所以解决的办法就有了： 找到 build/utils.j...
PostCSS Loader has been initialized using an options object that does not match the API schema.（亲测）
CSDN_001VIP的博客
09-17 1657
在react中使用ant design landing时，遇到报错。
解决：运行或构建报错Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized...
qq_38969618的博客
01-20 6657
原因： sass-loader版本过高（之前项目中使用的10.1.1）。 修改为如下版本即可（下其他版本有的也有问题，下面这个版本最保险）： 卸载：npm uninstall node-sass sass-loader --save-dev npm install node-sass@4.12.0 --save-dev npm install sass-loader@8.0.2 --save-dev ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sunqy1995

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值