vue 使用scss报错

最新推荐文章于 2024-05-01 01:27:29 发布
最新推荐文章于 2024-05-01 01:27:29 发布
阅读量335 收藏
点赞数
分类专栏： JS vue 代码问题 文章标签： vue nodejs scss
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lxj7607/article/details/113368449
版权
在Vue项目配置Webpack后，遇到Scss编译报错，错误提示涉及UnhandledPromiseRejectionWarning和DeprecationWarning。问题根源是兼容性问题，通过降级sass-loader和node-sass到合适版本来解决。完成依赖更新后，重新运行npm run dev，项目恢复正常。
摘要由CSDN通过智能技术生成

vue 使用scss报错


安装sass-load和node-sass 

npm install sass-loader --save-dev  
npm install node-sass --save

将vue样式改为scss
在webpack.base.conf.js中配置好了
在这里插入图片描述
然后发现报错了
报错
(node:2532) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either byrRunner.js:119:14) throwing inside of an async function without a catch block, or by rejecting a promise which was not handlunner.js:120:4)ed with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag --unhandoaderRunner.js:232:2)led-rejections=strict (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2) m.js:70:1

最低0.47元/天 解锁文章
鲤鱼和龙虾
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue使用scss以及错误处理
JIAgo_on的博客
10-09 1132
vue框架搭建后，相使用scss编译，效果如下： ./src/components/HelloWorld.vue Module not found: Error: Can't resolve 'sass-loader' in 'D:\pro\admin\src\components' @ ./src/components/HelloWorld.vue 4:2-353 @ ./src/route...
vue项目中安装使用scss 报错解决
weixin_43983960的博客
02-15 2226
在vue2项目中使用sass来方便编写css样式，所以需要借助安装sass预编译器来进行处理css，在安装node-sass过程中出现无法安装的问题。
【Vue学习】使用 “scss” 时报错‘ vue-style-loader css-loader
最新发布
java_dazhuzhu的博客
05-01 586
根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】html5 / css3 学习笔记JavaScript 学习笔记Vue 学习笔记。
vue中使用scss报错问题记录
阿友友的博客
11-22 842
最近在项目中按照如下步骤使用sass时发现可以成功安装，代码中使用会报错。使用低版本的安装后可以成功运行。
vue-cli生成的项目，main.js引入scss时报错
小黑豆
02-24 520
ERROR Failed to compile with 1 errors 15:04:40 This relative module was ...
vue项目使用scss时报错
暖一杯茶的博客
11-09 629
vue项目使用scss，需要安装 node-loader 和 sass-loader 命令：npm install node-loader --save-dev 和 npm install sass-loader --save-dev 然后运行项目报错：Module build failed: TypeError: this.getResolve is not a function 原因：sass版本太高，导致webpack编译时出错，此时需要卸载当前版本重新安装低版本即可。（可在package.json文
vue安装使用scss报错
WCvison的博客
04-03 1619
vue.js使用scss的报错 在vue中使用scss需要安装下面三个package node-sass sass-loader style-loader 但直接用yarn add node-sass这条命令安装的话，最后会报很多错误。因为这个命令默认安装的是该包的最新版本，node-sass和sass-loader会出现不兼容的问题。 所以我们用一下命令指定安装兼容版本 yarn add node-sass@^4.14.1 --dev yarn add sass-loader@^7.3.1 --dev
在vue中使用scss
huang_Bingo的博客
07-14 2820
当我们在.vue文件的样式中加入再执行npm run dev时会出现如下错误： 原因是因为缺少依赖。但是当操作npm install node-sass sass-loader vue-css-loader 依旧出错， 网上查找资料说是翻墙原因，因此改用淘宝镜像安装 最后便可成功运行。
vue引入scss
qq_41834059的博客
08-06 554
输入命令npm i --save-dev sass-loader 和 npm i --save-dev node-sass
VUE中npm run build错误--Unhandled promise rejections are deprecated. In the future, promise rejections
哦哦一人
01-20 9679
vue打包时报错提示 (node:8544) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing insi de of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To termina te
UnhandledPromiseRejectionWarning报错send()的处理
没得简介
04-12 2256
先看报错: (node:24460) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'send' of undefined at getAllUser (file:///G:/MarkDownNote/vue/example_code/apiTest/controler/user_ctrl.js:6:6) at processTicksAndRejections (internal/process/t
npm run dev(node:2) UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve.....
IFuyunhao的博客
09-24 912
npm run dev启动项目报错： (node:14092) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To te
遇到：nodejs unhandledPromiseRejectionWarning 错误应该如何解决
牛肉胡辣汤
08-08 1万+
遇到 "unhandledPromiseRejectionWarning" 错误是因为在 Node.js 中，一个 Promise 被 rejected 了，但是没有被处理（handled）。这可能是因为你没有使用适当的错误处理机制，导致 Promise 的 rejected 状态没有被捕获。请根据你的具体代码和需求，检查并修改涉及到 Promise 的部分，确保在异步操作中正确处理错误。如果以上步骤都没有解决问题，你可以检查 Promise 的实现是否正确。
puppeteer插件启动chrome失败： Error: Failed to launch the browser process!
weixin_44783351的博客
08-19 1万+
转载：https://www.cnblogs.com/zhidong123/p/13345990.html 最近使用puppeteer插件启动chrome失败，有的系统无法启动唤起chrome 自己笔记本电脑安装有360会提示被阻止，允许执行即可调用成功，公司电脑，没有任何提示直接无法启动（公司杀毒软件无法配置关闭） 控制台报错： D:\MyCode\node\09puppetter> node .\index.js (node:21488) UnhandledPromiseReje.
node上传文件到FTP服务器报Error: Timed out while making data connection
修炼之路
11-19 1999
错误原因 在局域网内搭建了一个FTP服务器，因为项目使用node-ftp封装的一个FTP文件上传和下载服务，在上传文件的时候报如下错误： (node:29020) UnhandledPromiseRejectionWarning: Error: Timed out while making data connection at Timeout. (D:\git project\nexrender\packages\nexrender-provider-ftp\node_modules\ftp\lib\co
使用scss报错的解决方案-vue篇
阿莹yes的博客
05-18 858
总结一下大概就是要安装跟node版本匹配的node-sass和，如果使用的都是最新版本，直接执行以下指令即可或这里的–save-dev和–save的区别只是下载到里的或，两者区别在于前者是在本地环境用到的依赖，后者是在开发环境需要用到的依赖，只在本地开发的话–save-dev即可。踩坑，留下足迹~原文链接：https://blog.csdn.net/August_802/article/details/124985920。
vue启动报错找不到应用程序
m0_50518517的博客
08-04 1161
) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unh
node.js 中怎样解决 UnhandledPromiseRejectionWarning 错误?
热门推荐
纠缠AI的亮子
01-31 2万+
在 node.js 运行中，当遇到 UnhandledPromiseRejectionWarning 错误或警告时，该如何解决呢？错误提示有时候是这样的： (node:6603) UnhandledPromiseRejectionWarning: Error: Protocol error (Runtime.callFunctionOn): Object reference chain is too long 有时候是这样的： (node:6603) UnhandledPromiseRejection
vue 使用scss报错 this.getOptions is not a function
04-28
这个错误通常是由于vue-loader版本过低导致的，可以尝试升级vue-loader的版本或者使用sass-loader代替scss-loader来解决问题。 如果你使用的是vue-cli 3.x，可以尝试执行以下命令升级vue-loader的版本： ``` npm update vue-loader ``` 如果你使用的是vue-cli 2.x，可以在build目录下的webpack.base.conf.js文件中将 ``` { test: /\.scss$/, loader: 'style!css!sass', } ``` 改为 ``` { test: /\.scss$/, loaders: ['style', 'css', 'sass'] } ``` 或者使用sass-loader代替scss-loader： ``` { test: /\.scss$/, loaders: ['style', 'css', 'sass'] } ``` 如果以上方法都不能解决问题，可以尝试查看其他依赖包的版本是否有冲突，或者重新安装依赖包。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值