说明:部分但不全面的记录 因为过程中没有截图,仅用于自己的学习与总结
过程中借鉴的优秀博客 可以参考
1,npm install 或者npm init vue@latest报错
2,了解后 发现是nvm使用的版本较低,于是涉及nvm卸载 重新下载最新版本的nvm
2024.04 nvm最新版本下载GitHub链接
Releases · coreybutler/nvm-windows (github.com)
3,步骤实现
3.1卸载nvm
3.2查看环境变量
3.3下载最新版本的nvm
3.4检错是否现在成功
3.5nvm available查看可以现在的node版本
3.6补充nvm常用命令
3.7下载需要的node版本
3.8查看node版本默认的npm版本
4,镜像源
查看镜像源
pnpm config get registry
设置镜像源
pnpm config set registry xxxxx
设置镜像源 2024.4继续
npm config set registry https://registry.npmmirror.com
pnpm config set registry https://registry.npmmirror.com
5,可能的报错记录
5.1engine不匹配
解决办法
添加后缀 --ignore-engines
npm install -g yarn --ignore-engines
5.2pnpm create vue 报错
解决方法
先选择下载更高版本的npm 通过npm指令生成vue3+vite项目
5.3pnpm在哪
是在该版本下进行下载pnpm的
先遗留一个问题:为什么使用-g全局下载 还会出现这种现象
待补充
------
这里
6,重点经验总结
1,每次在创建vue项目或者使用npm的时候,有些莫名其妙的报错,很多时候都是因为nodejs版本不对导致的。
这次我碰到的
- npm init vue@latest 报错token 在提升node版本依旧报错的情况下,更新nvm
- 之后的报错 就是node.js版本不够高的原因;
7,参考博客
卸载相关
Node卸载超详细步骤_卸载node-CSDN博客
nvm下载
nvm-下载、安装、使用(2023/07/12更新)_nvm 下载-CSDN博客
镜像源参考下面的,镜像源进行了更新☞
一步到位——Node版本管理神器nvm安装教程(2024最新)_nvm安装node-CSDN博客
npm报错
nvm版本导致npm install报错 Unexpected token ‘.‘_nvm的npm报错-CSDN博客
npm搭建vue3+vite项目
详细vite创建vue3项目(vue3+vue-router+ts+vite+element-plus+pinia)-CSDN博客
pnpm 搭建vue3+vite项目
如何使用pnpm包管理器搭建一个vite项目(vue3+ts)_pnpm vite-CSDN博客
node nvm外部命令
方法一:手把手解决“npm、node不是内部或外部命令,也不是可运行的程序或批处理文件”_npm不是内部或外部命令-CSDN博客