vue-cli3配置sass-loader报错

最新推荐文章于 2024-07-09 13:44:44 发布
最新推荐文章于 2024-07-09 13:44:44 发布
阅读量1.3k 收藏 1
点赞数 2
分类专栏： 配置bug 文章标签： vue sass css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Javavison/article/details/115866053
版权
在使用vue-cli3时遇到Sass Loader初始化选项错误，报错显示options的additionalData属性不匹配API。解决方案是将data属性改为prependData。修改配置后，需退出项目并重新运行npm run serve以使更改生效。
摘要由CSDN通过智能技术生成

报错信息：

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?, sassOptions?, prependData?, sourceMap?, webpackImporter? }

在这里插入图片描述

解决方法

将data改为prependData

在这里插入图片描述

注意！！

修改完后，要先ctrl+c 退出项目，重新npm run serve打开才生效，直接保存没用
在这里插入图片描述

效果：

最低0.47元/天 解锁文章
webhyx
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
[解决]Sass Loader has been initialized using an options object that does not match the API schema
sunqy1995的博客
09-15 1万+
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配置删除就好用了 c
详解vue-cli中配置sass
12-07
如何配置sass 一、安装对应依赖node模块： npm install node-sass --save-dev npm install sass-loader --save-dev 二、打开webpack.base.config.js在loaders里面加上 rules: [ { test: /\.vue$/, loader: '...
Invalid options object. Sass Loader has been initialized using an options object that does not match
xia_fang_xu的博客
04-28 3269
这里配置的话需要注意以下，否则会报错
VUE3配置sass、less全局变量
最新发布
m0_50156032的博客
07-09 220
在style/variable.scss创建一个variable.scss文件,并定义全局变量。
angular "Sass Loader has been initialised using an options object that does not match"
csy_119的博客
11-21 2833
我新建了一个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...
Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized using an opt
weixin_41009649的博客
11-14 2990
object { implementation?, sassOptions?, additionalData?, sourceMap?, webpackImporter? }'
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.
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 ...
vue-cli配置全局sass、less变量的方法
10-16
使用 Vue CLI 3 的命令行工具，你可以通过 `vue add` 命令来安装 `style-resources-loader` 插件。但有时由于 yarn 源的问题，可能安装不成功。如果遇到问题，你可以手动安装 `style-resources-loader` 和 `vue-cli...
详解在vue-cli项目中安装node-sass
12-01
npm install sass-loader --save 2，通常使用npm安装会出现以下报错，安装失败。（网路问题） 3，可以通过淘宝的npm镜像安装node-sass，解决以上问题。 npm install -g cnpm --registry=...
Sass Loader Error: Invalid options object. Stylus Loader has been initialized using an options objec
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
02-21 1604
报错信息 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
sass-loader,node-sass版本不匹配
qq_44429079的博客
12-23 1331
亲测有效：https://www.jb51.net/article/222847.htm
解决：运行或构建报错Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized...
qq_38969618的博客
01-20 6641
原因： 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 ...
Invalid options object. Sass Loader has been initialized using an options object 解决方法
yyh231366的博客
09-13 3281
如果是data也是如此修改,这样可以顺利解决问题。
(vue)解决：运行或构建报错Syntax Error: ValidationError: Invalid options object. Sass Loader has been initializ
nyf_unknow的博客
08-15 6865
提示：先去node module 包里面删除 sass-loder 和 node-sass 文件夹 ，再删除 package.json 里面的 node-sass 和 sass-loder。再执行以下卸载重装操作。原因：主要是sass-loader 和 node-sass版本过高或过低问题，卸载当前版本后寻找合适的版本安装，重启即可。...
vue-cli3配置sass采坑：Syntax Error: TypeError: this.getOptions is not a function
ChenLingZhi1115的博客
03-19 884
使用scss，编译时提示报错，信息如下 error in ./src/common/projectTab.vue?vue&type=style&index=0&id=1bea45d7&lang=scss&scoped=true& Syntax Error: TypeError: this.getOptions is not a function 各种百度搜索搞了一下午 原因是因为sass-loader版本太高了。。。=_=|| 解决 降低sass-l
ValidationError Invalid options object. Sass Loader has been initialized us
m0_67402096的博客
03-05 1795
前言： 在新的项目中是使用scss的时候报错这个的， 报错信息： ValidationError: Invalid options object. Sass Loader has been initialized us 报错原因是安装的 sass-load 版本太高了，需要换成7.1的版本 解决方案：重新安装sass-loader cnpm uninstall --save sass-loader cnpm install --save sass-loader@7.1.0 ...
uniapp sass运行异常问题
shakspers的博客
12-16 555
安装cnpm： npm install -g cnpm -registry=https://registry.npm.taobao.org 安装sass-loader cnpm installl -D sass-loader 安装node-sass cnpm install -D node-sass
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

webhyx

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

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

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

打赏作者

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

抵扣说明：

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

余额充值