vue中安转使用node-sass报错

博主在尝试使用Sass时遇到了Node.js版本管理的问题。经过一系列尝试,包括安装Ruby、设置npm镜像源、卸载重装Node.js以及使用nvm。在安装nvm过程中,遇到了权限不足、版本无法切换等错误,最终发现是nvm版本过高且Node.js版本不支持npm导致。解决方案包括降低nvm版本,修改nvm设置文件添加镜像源,并解决了权限问题。

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


问题应该一步步记录分析,找到答案!

做了很多的操作,从sass官方的文档步骤,安装Ruby,开始也是安装失败,后面安装成功了,发现还是不行;

接着按照这篇文章说明执行

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

再试还有报错,然后又折腾了几下,后面竟然安装上了,但试npm run dev ,scss文件有些报错,要再找下原因。
删除了所有包再试下,执行npm install 竟然可以安装所有包了,执行npm run dev

出现这种报错:

在这里插入图片描述

折腾半天发现不行,怀疑是node版本有问题,于是看怎么安装nvm
—>
安装前准备:

    1. 先卸载之前已安装的nodejs,否则后面使用会出错!

    2. 安装的路径不能有中文。

—>先卸载nodejs
—>怎么卸载nodeJs呢

删除nodejs的方法:1、打开“控制面板”,点击“卸载程序”;2、在“卸载或更改程序”界面,找到并选中“node.js”程序,鼠标右击选择“卸载”;3、重启电脑;4、删除node相关的所有文件或目录即可。
因为发现不删除nodejs安装了nvm也是找不到的
在这里插入图片描述
卸载了node之后又出现这个报错
在这里插入图片描述
安装上node又出现这个问题
在这里插入图片描述

所以问题是,如何使用nvm?

​后面发觉可能是node版本的问题,于是决定用nvm,然后又看怎么安装nvm

https://blog.csdn.net/Anony_me/article/details/124153201

有些又说nvm安装前要下载node,有的又没有说,反正卸载node之前nvm安装了会报错,卸载后一样报其他错,后面一不做二不休重启了,发现nvm和node都有了。

重启大法好!

可以通过以下命令,进行node版本的安装,替换

nvm list //查看已安装的nodejs版本
nvm on // 启用node.js版本管理
nvm off // 禁用node.js版本管理(不卸载任何东西)
nvm install // 安装node.js的命名 version是版本号 例如:nvm install 8.12.0
nvm use //使用某一version的nodejs
nvm uninstall // 卸载指定版本的nodejs

安装完之后会遇到 使成功但是 查看node版本的时候还是之前的版本,也就是说nvm切换不了版本

这篇文章提到要删除之前的node
https://blog.csdn.net/weixin_45998637/article/details/121494721

删除了nodejs之后界面是这样的了
在这里插入图片描述
同样是不行的
–>第二天没办法只好重新安装上16.17.0,
在这里插入图片描述
但还是切换不了版本,

按照别人文档中的说法,卸载了nodejs,nvm,然后重新装nvm,发现还是有问题,nvm能安装node不同版本,但是通过nvm list查看的结果是这样的
在这里插入图片描述
执行 node -v 也是找不到的
在这里插入图片描述

在nvm安装目录,找到 setting.txt 文件加上如下两行:

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

https://blog.csdn.net/weixin_45998637/article/details/121494721

https://blog.csdn.net/weixin_56197387/article/details/126626587

后面发现nvm use node版本的时候提示的是权限不够,所以找了下可能是nvm的问题,决定换个低版本的
在这里插入图片描述

`换成1.1.7的版本,按照默认安装路径,nvm version有结果,nvm install 13然后再node -v能找到node版本,但是npm -v是没有的,发现安装16的版本是能找到npm的,但是13的不行,所有重新卸载了13的再安装13

1、命令行运行:nvm root 显示出nvm的安装目录
2、打开nvm文件夹下的settings.txt文件,在最后添加以下代码:

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
将下载镜像源指向淘宝(这步也很重要,否则在安装node的时候会出现卡死,npm安装不成功的情况)

关键是我一开始就下载了13,13刚好不支持npm,所以这一系列的问题都是因为nvm版本太高,然后又安装了node 13这些版本所导致的

收工!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值