windows安装nvm 解决报错node-sass

前端项目安装依赖报错大概意思是node和node-sass版本不匹配

所以安装nvm管理node版本

首先需要卸载自己电脑上已经安装的node

1、卸载安装的node

先打开控制面板,搜索node,点击卸载node

之后删除这

C:\Users\abc\AppData\Local

C:\Users\abc\AppData\Roaming

两个文件夹下的和npm有关的文件夹(npm、node-modules、npm-cache)

然后再删除环境变量中和node有关系的环境变量

 

2、安装nvm

打开链接:

https://github.com/coreybutler/nvm-windows/releases

选择下载即可

参考文章(https://www.cnblogs.com/jing-tian/p/11225123.html)

安装的过程中选择nvm的安装目录和node的安装目录

 

3、检查是否安装nvm成功

打开终端,输入nvm version,如果输出nvm的版本即说明安装成功(我的是nvm 1.1.9)

 

4、修改nvm的安装镜像地址

打开nvm的安装目录,找到settings.txt文件,在文件中添加镜像源

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

 

5、安装node

终端输入命令nvm list available可以看到支持安装的版本,选择一个安装即可

我安装的版本是16.14.0

nvm install 16.14.0

 

6、使用npm -v查看npm是否安装成功

这里我的提示npm不是内部命令,看了下,我的npm并没有安装在我设置的安装目录下,而且那个安装目录也不见了,

npm是直接安装在nvm的安装目录下的v16.14.0的目录下,我想这个应该问题不大。

然后看了下环境变量,发现nvm的环境变量路径是正确的,但是NVM_SYMLINK的环境变量路径是我之前设置的安装目录的路径(但是那个安装目录不知道为什么不见了,

而且node也不是安装在那个目录下,而是直接安装在nvm的目录里的,这里知道原因了,在文章最后补充),这里本来是打算修改是修改NVM_SYMLINK的路径的,

但是看别的帖子说用管理员身份打开终端,试了下用管理员身份打开终端

nvm use 16.14.0 不报错exit status 1了,

 

nvm ls 输出的版本是16.14.0了,但是npm -v 输出的是8.3.1(这里是自己恍惚了,在想两个命令输出的版本号为什么不一样,但是就是不一样的,

nvm ls输出的是node的版本,npm -v输出的是node版本对应的npm的版本号啊)

 

以上安装完成。

 

然后打开项目,使用npm install安装仍然是报错node-sass,这里的原因是node的版本太高了,需要安装低版本,

但其实我也不知道这个低版本应该是哪个版本,只是试着往低了安装。

这个文章是node和node-sass的版本对应关系(https://blog.csdn.net/chrisy521/article/details/122036023),虽然我也不知道

看了这个表咋选版本吧。

 

所以我又安装了node低版本,

nvm install 14.18.2

用管理员身份打开终端,

nvm use 14.18.2

然后打开项目npm install终于不报错了,

npm run dev,项目运行成功了。

撒花,感谢,菜鸡感谢一万分!!!

 

 

 

补充:

关于nvm安装的时候,选择了nvm的安装路径和node的安装路径(这里准确的理解就是之后要使用的node版本的目录),但是最后发现node的安装路径不见了的原因如下:

nvm安装的目录是nvm的目录,使用nvm安装node的话,是安装在nvm的目录下的,

在安装nvm的过程中设置的node的那个安装路径,其实是一个临时的目录,因为nvm是node的版本管理的工具,nvm就会安装

多个版本的node,当我们安装了多个node之后,使用nvm use node版本号之后,就会在之前设置的node的安装目录那里有一个快捷方式,

这个快捷方式打开就是我们设置的当前使用的node的版本。

 

posted @ 2022-04-10 14:28  comeoncode  阅读(419)  评论(0编辑  收藏  举报