首页IT科技vscode怎么切换语言(VSCode开发:使用nvm切换node版本)

vscode怎么切换语言(VSCode开发:使用nvm切换node版本)

时间2025-06-17 14:15:39分类IT科技浏览6182
导读:为什么要切换node版本,是因为npm run dev(vant app)时,报了Error [ERR_REQUIRE_ESM]:Must use import to load ES Module这样的错。我使用的node版本是12.16.3,切换到16.15.1就没有这个问题了。...

为什么要切换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

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
笔记本电脑没有网线端口怎么解决(网络工程师笔记) hpzts04.exe是什么进程 有什么作用 hpzts04进程查询