VSCode开发:使用nvm切换node版本

为什么要切换node版本,是因为npm run dev(vant app)时,报了Error [ERR_REQUIRE_ESM]:Must use import to load ES Module这样的错。我使用的node版本是12.16.3,切换到16.15.1就没有这个问题了。

1. 安装nvm前记得要删除已安装的node.js

        1).卸载node本身、删除nodejs目录

        提示:可以在系统控制面板–>所有控制面板项–>程序和功能 卸载Node.js

        2).手动删除C:\Program Files\nodejs\node_modules(如果你的文件是在这里的话)

        3).手动删除C:\users\你的用户名\node_modules(如果你的文件是在这里的话)

2.下载nvm包

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

 nvm-noinstall.zip: 这个是绿色免安装版本,但是使用之前需要配置

nvm-setup.zip:这是一个安装包,下载之后点击安装,无需配置就可以使用,方便。推荐使用

3.配置路径和下载源

如果使用nvm-noinstall.zip安装,需配置

在nvm安装路径下setting.txt文件中配置如下信息:
设置nvm路径(相当于setting.txt中的root:):
设置nodejs路径(相当于setting.txt中的path:):
nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror CNPM Binaries Mirror

4.nvm出现版本号代表安装成功

5.安装及切换使用node

nvm install 12.16.3
nvm install 16.15.1
nvm ls   //查看已经安装的版本
nvm use 12.16.3  //使用指定版本

如果出现下面情况,原因是当前命令提示符窗口是user权限,以管理员身份运行命令提示符可以解决。

nvm切换的本质是改变:C:/program files目录下快捷方式node.js的指向。

7.关于Saas

原来node版本是12.16.3的,升级node版本为16后,之前的项目运行报错

ERROR:PostCSS received undefined instead of CSS string

查找原因,是sass相关插件版本不对,

卸载掉原来的版本,

(先删sass-loader,再删node-sass)

npm uninstall sass-loader

npm uninstall node-sass

查找发现,node的16版本对应的node-sass,sass-loader版本

"node-sass": "^6.0.1",

"sass-loader": "^10.2.0",

然后安装上面提到的版本

npm install node-sass@6.0.1 -D

npm install sass-loader@10.2.0 -D

安装成功后,重新运行,就不会报错了

提示:

如果出现下面报错,表示安装的sass版本过高

this.getOptions is not a function

  • 4
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值