vue-cli3配置sass-loader报错

最新推荐文章于 2023-11-14 20:02:17 发布
原创 最新推荐文章于 2023-11-14 20:02:17 发布 · 1.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #sass #css

在使用vue-cli3时遇到Sass Loader初始化选项错误，报错显示options的additionalData属性不匹配API。解决方案是将data属性改为prependData。修改配置后，需退出项目并重新运行npm run serve以使更改生效。

报错信息：

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元/天 解锁文章
详解在vue-cli项目中安装node-sass
12-01
npm install sass-loader --save 2，通常使用npm安装会出现以下报错，安装失败。（网路问题） 3，可以通过淘宝的npm镜像安装node-sass，解决以上问题。 npm install -g cnpm --registry=...
vue-cli配置全局sass、less变量的方法
10-16
使用 Vue CLI 3 的命令行工具，你可以通过 `vue add` 命令来安装 `style-resources-loader` 插件。但有时由于 yarn 源的问题，可能安装不成功。如果遇到问题，你可以手动安装 `style-resources-loader` 和 `vue-cli...
[解决]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
Invalid options object. Sass Loader has been initialized using an options object that does not match
xia_fang_xu的博客
04-28 3359
这里配置的话需要注意以下，否则会报错
angular "Sass Loader has been initialised using an options object that does not match"
csy_119的博客
11-21 2903
我新建了一个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 5074
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.
详解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: '...
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 ...
Sass Loader Error: Invalid options object. Stylus Loader has been initialized using an options objec
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
02-21 1744
报错信息 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
CSS Loader has been initialized using an options object that does not match the API schema
weixin_43130844的博客
03-16 2092
“Module build failed (from ./node_modules/css-loader/dist/cjs.js): ValidationError: Invalid options object. CSS Loader has been initialized using an options object that does not match the API schema. ...
Invaliad options object.Css Loader has been initialized using an options object that does not match
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
05-10 1441
Invaliad options object.Css Loader has been initialized using an options object that does not match the API scheam. options has an unknown property 'locakIdentName'.These properties are valid:object{url?,omport?,module?xxxx}报错的解决方案
sass-loader,node-sass版本不匹配
qq_44429079的博客
12-23 1467
亲测有效：https://www.jb51.net/article/222847.htm
vue3项目中配置sass，vite报错Undefined mixin
qq_41419473的博客
07-06 7927
vite报错 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xYN55E4l-1657111448095)(https://upload-images.jianshu.io/upload_images/20274104-a35eeb8fa53c8afa.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]是因为scss的内置语法需要预编译。在vite.config.ts配置tscss: { preprocessorO
解决：运行或构建报错Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized...
qq_38969618的博客
01-20 6977
原因： 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 3429
如果是data也是如此修改,这样可以顺利解决问题。
(vue)解决：运行或构建报错Syntax Error: ValidationError: Invalid options object. Sass Loader has been initializ
nyf_unknow的博客
08-15 7129
提示：先去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 1000
使用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 1868
前言： 在新的项目中是使用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 ...
Vue-cli webpack配置分析及其注释解析
Vue CLI集成了webpack，同时提供了一个默认的配置，使得开发者可以很方便地进行项目构建。以下是对“vue-cli webpack配置的分析注释”涉及知识点的详细阐述： 1. Vue CLI简介 Vue CLI是Vue.js官方提供的一个基于Vue...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

webhyx

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

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

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

打赏作者

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

抵扣说明：

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

余额充值