vue安装sass-loader后运行报错

最新推荐文章于 2024-05-06 18:56:26 发布
最新推荐文章于 2024-05-06 18:56:26 发布
阅读量599 收藏 1
点赞数
分类专栏： 技术收藏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zwswood/article/details/116832918
版权

Vue sass-loader 编译错误 版本兼容 前端开发
关键词由CSDN通过智能技术生成
vue安装sass-loader后运行报
 ERROR  Failed to compile with 1 error                                                               
 error  in ./src/components/News.vue?vue&type=style&index=0&id=293a9583&lang=scss&scoped=true
Syntax Error: TypeError: this.getOptions is not a functio

可能是sass-loader版本太高所致
卸载旧的版本，重新安装指定的低版本

#卸载
npm uninstall sass-loader
#重新安装低版本
npm install --save -D sass-loader@10.x
zwswood
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-module-loader:让你用微前端架构搭建Vue应用
08-04
vue-module-loader 分支支持 Vue3，并已进入候选测试阶段，欢迎验证。 vue-module-loader 是一个 Vue 插件，让你使用类似于的架构开发 Vue 应用。 Let you use the micro front-end architecture to build Vue ...
安装vue-cli报错 -4058 的解决方法
08-29
主要介绍了安装vue-cli报错 -4058 的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ant-design-vue-pro yarn serve运行报错解决 ERROR Failed to compile with 1 error
Mr_WoLong
07-18 1315
ant-design-vue-pro yarn serve运行报错
Vue运行时报错：ERROR Failed to compile with 1 errors ，浏览器报错：Cannot GET /
lauwen
09-10 4万+
问题：Vue运行时报错：ERROR Failed to compile with 1 errors ，浏览器报错：Cannot GET / 分享我遇到的问题的解决方法供大家参考！ 今天在运行vue项目时，命令行出现报错如下： 浏览器访问返回如下报错，没找到根路由 于是查看配置文件，发现project\build\webpack.dev.conf.js中入口文件名称配置与项目实际名称发生了变化，配置文件中为main.html，而项目根目录下为index.html 因此，将配...
Vue3中使用Sass详解
最新发布
2301_79099480的博客
05-06 637
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
ERROR Failed to compile with 1 errors error in ./node_modules/vue-i18n/src/util.js
qq_43343451的博客
05-03 4579
错误信息如下： ERROR Failed to compile with 1 errors ...
ERROR Failed to compile with 1 error
lv_suri的博客
08-07 2万+
在src/stoer/index.js中加入导出。出现这种报错是因为没有找相关导出store。
Failed to compile with 1 error Failed to resolve loader: sass-loader You may need to install it.
m0_52714582的博客
11-16 4123
启动项目报错 ERROR Failed to compile with 1 error Failed to resolve loader: sass-loader You may need to install it. 已经安装好了ruby，也通过ruby安装好了sass，结果在项目中使用后，启动项目还是报错；后来看到大神文章在此记录一下； 解决方法 通过npm 安装 1、安装sass-loader npm install sass-loader --save-dev 2、安装 node-sass
解决vue cli4升级sass-loader(v8)后报错问题
10-15
主要介绍了解决vue cli4升级sass-loader(v8)后报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解vue-cli中配置sass
12-07
如何配置sass 一、安装对应依赖node模块： npm install node-sass --save-dev ... loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.js$/, loader: 'babel-loader', include: [reso
解决sass-loader和node-sass版本冲突问题（太难了）
码瘾的空间
08-06 4万+
  太难了，两天没有学习了，这个问题卡了很久，差点就放弃了，今天终于解决了，继续学习Vue！ 报错信息1： ERROR Failed to compile with 6 errors 7:45:21 PM error in ./src/components/advanceDemo/toastCom.vue?vue&type=st
node 14.19.0 版本成功解决：安装 node-sass 和 sass-loader 的过程及各 node 版本对应的 node-sass 版本号
热门推荐
狮子座的男孩
05-11 5万+
1、node 版本、node-sass 版本及 sass-loader 版本查看： 其一、我的 node 版本查看： 在命令行输入查询命令：node -v 我的 node 版本为：v14.19.0 其二、我的 node-sass 版本查看："node-sass": "^4.14.1" 其三、我的 sass-loader 版本查看："sass-loader": "^7.3.1" 2、node 版本与 node-sass 版本的对应关系： 其一、查看文档的地址： https://www.npmjs.com
解决 vite 中报错SassError: This file is already being loaded
很久很久以前的的博客
11-07 2169
解决 SassError: This file is already being loaded
Syntax Error: SassError: This file is already being loaded. 这个错误。原因是将这个scss文件重复引入了, 修改如下：
weixin_42777161的博客
01-19 1178
【代码】Syntax Error: SassError: This file is already being loaded. 这个错误。
在vue项目中使用scss及遇到的问题
霓虹深处
10-22 2918
首先搭建一个vue项目之后在项目中用到了scss，报错如下： *!!vue-style-loader!css-loader?{“sourceMap”:true}!../../../../vue-loader/lib/style-compiler/index?{“vue”:true,”id”:”data-v-570115ee”,”scoped”:false,”hasInlineConfig”:f...
运行vue项目报错 Module build failed
weixin_44512390的博客
04-15 1万+
Module build failed (from ./node_modules/sass-loader/dist/cjs.js): 很长一段 查了一下 大概是我之前重装node导致的，重新安装一下node-sass就可以了 Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Error: Missing bin...
解决：运行或构建报错Syntax Error: ValidationError: Invalid options object. Sass Loader has been initialized...
qq_38969618的博客
01-20 6601
原因： 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 ...
vue报错-sass-loader
weixin_44260298的博客
05-30 209
vue报错： Failed to resolve loader: sass-loader You may need to install i 第一步： cnpm install sass-loader -D 第二步 cnpm install node-sass -D
解决vue.js+node.js安装SASS失败等问题
coderYangs的博客
05-05 1066
解决vue.js+node.js安装SASS失败等问题 让我们直接看报错信息 ERROR Failed to compile with 1 errors 下午1:23:...
安装vue-json-excel后报Failed to resolve loader: sass-loader
11-17
安装vue-json-excel后报Failed to resolve loader: sass-loader的错误提示意味着项目没有安装sass-loader插件。可以按照以下步骤解决该问题： 1. 打开终端，进入项目目录，执行以下命令卸载已安装的node-sass和sass-loader插件： ``` npm uninstall node-sass sass-loader ``` 2. 安装低版本的sass-loader插件，例如7.3.1版本： ``` npm install sass-loader@7.3.1 --save-dev ``` 3. 运行项目，检查问题是否已经解决。 如果以上方法无法解决问题，可以尝试安装6.X版本的sass-loader插件。另外，如果sass-loader插件安装后仍然报错，可以检查是否存在其他插件版本不兼容的情况。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值