Cannot find module ‘node-sass‘的解决方法思路

本文详细介绍了如何排查并修复Node-Sass版本不匹配引发的错误,包括卸载重装、配置调整、网络问题解决方案及特定命令集。适合新手避免踩坑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

搞了两个小时,排查是版本不匹配的问题:提供几种思路

NODE-SASS

一、NODE版本导致

node -v

如果是V16+,先尝试一下小代价的命令,不行就只能卸载Node了
(1)【小代价】卸载不一致的sass,如果不行请(2)

// 卸载命令
npm uninstall sass-loader

npm uninstall node-sass -D

// 安装
npm i node-sass@4.14.1 --save-dev

npm i sass-loader@10.1.0 --save-dev

(2)【重装】重装
如果的版本是V16+,并且代码脚手架是网上下载的,如ElementUI,那请重新装一个V14版本
NODE官网
(重装很简单,Window自带卸载。但是记得要修改环境配置、重新打开VSCode)
在这里插入图片描述

1.1 重装Node之后导致的 Failed to resolve loader: sass-loader

重装之后其他对应配置也要修改,可能会触发报错(引用Saas报错)
在这里插入图片描述
需要对应安装sass和loader(且慢)

npm i node-sass -D

npm i sass-loader -D

但是,上述命令默认安装的都是最新版本,可能会出现版本不匹配导致的报错(一种最优解)

npm i node-sass@4.14.1 --save-dev

npm i sass-loader@10.1.0 --save-dev

最后愉快的 npm run dev ,成功~

1.2 重装Node后,可能其他所有都要重装

谁知道之前你有什么骚操作,所以可能会需要重新配置…
本质:命令要重新打一遍(网上很多,此处只列举命令)

// 安装npm
npm install -g cnpm --registry=https://registry.npm.taobao.org

// 安装 vue-cli
npm install vue-cli -g

// 安装webpack
npm install webpack -g

// 选装:安装sass(如果用到的话,如果没用到不安装)
npm i node-sass@4.14.1 --save-dev

npm i sass-loader@10.1.0 --save-dev

参考:sass-loader与node-sass不匹配导致的问题

1.3 如果还不行,Node已经为V14,请继续百度

有更好的方式可以留言,欢迎讨论

二、资源缺失

2.1 网络原因导致

原因:网络的原因导致下载安装的no-model报的缺失,导致了项目的不完整,所以导致不能重启

cnpm install node-sass@latest

此原因参考:https://blog.csdn.net/weixin_45114701/article/details/100811980
这种方法,大家可以尝试下,我没遇到…

三、安装node-sass时报python2错误

3.1 网络原因

网络隔离(FQ)的问题导致
(1)设置sass_binary_site指向淘宝镜像地址

npm i node-sass --sass_binary_site =  https://npm.taobao.org/mirrors/node-sass/

或者设置系统环境变量的方式

 // linux、mac 下 
 SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass 
 
 // window 下 
 set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ && npm install node-sass

(2)代理后安装Sass

cnpm install node-sass

(3)愉快的 npm run dev,成功~

npm run dev

评论区欢迎补充讨论,避免其他人踩坑,毕竟刚学都是小白

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

狂点engineer

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

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

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

打赏作者

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

抵扣说明:

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

余额充值