2022年11月17日 天气晴

今天打算安装vue3学习一波，跟着文档要求把node版本切换打到16.17.0。
接着我按照vue官网文档的指示在cmd执行了npm init vue@latest。
然后报错了 淦！

问题排查

1.先去搜索了一波，发现这个报错一般不会出现在npm安装的时候一般是在编译的时候会出现，和我当前遇到的情况不同。

2.怀疑是不是node版本导致的，我把node切回去平常用的14，现在可以安装了。

3.找线下安装成功的同学开始比较了一波环境，安装vue3大家的node版本都是一样的16以上 ，其次npm版本我是 比其他同学还高。

4.npm都一样，但是高版本的node会安装异常，我能想到最后有可能出现问题的地方就是切换的nvm了（之前踩过一个nvm的坑，对nvm实在不抱什么希望），于是和同学再比较一波nvm的版本他的是1.1.9

5.我这边更新下nvm的包就 就可以正常安装vue3。 了。

总结

如果node版本升到16以上，npm安装的时候出现异常可以考虑是nvm版本导致的，升到高版本即可（nvm文档手册 - nvm是一个nodejs的版本管理工具 (uihtm.com)）。
升高版本之后（我这里是16.17.0），需要卸载重装
nvm uninstall 16.17.0
nvm install 16.17.0
nvm use 16.17.0
完成上述之后，即可正常使用npm安装

注意
1.更新版本之后可能会出现nvm乱码现象，这时你要重新设置环境变量或者在 C:\Windows\System32下以管理员权限去执行nvm命令。
2.如果安装很慢的话，还需要nvm换源，在按照nvm的目录下会有一个setting文件加上
“node_mirror: npm.taobao.org/mirrors/nod…
npm_mirror: npm.taobao.org/mirrors/npm…
即可。