vue启动项目报错,node、node-scss、scss-loader版本不兼容问题

在Vue项目运行时如果遇到scss文件或.vue文件中lang=scss部分报错,可能由于node版本与node-sass不匹配。解决方法包括检查package.json中的node-sass版本,使用对应版本的node(如14.0.1对应node-sass需4.14以上),然后重新安装依赖并启动项目。
摘要由CSDN通过智能技术生成

在 vue 项目中运用sass时,在特定的场景内在运行项目时会报错 scss 文件或报错 .vue 文件中的 lang=“scss” 有问题;原因有可能是因为你电脑中的 node 版本与 node-sass 版本不匹配导致的,解决方法如下:

1.重新下载安装对应版本的node

查看node-sass版本:

node-sass 版本可在项目根目录 package.json 文件中查看

在这里插入图片描述

查看node版本可在终端中运行:

node -v 

下载安装好对应版本的 node 后,重新下载依赖再启动项目
具体node与node-sass匹配版本如下:

在这里插入图片描述

2.下载对应版本的node-sass版本

我的node版本是14.0.1,所以要下载4.14以上的版本,命令如下:

npm install node-sass@4.14.1
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值