解决报错--‘vite’ 不是内部或外部命令，也不是可运行的程序！

目录

项目背景

可能原因：

安装条件

解决办法

查看当前node版本是否满足安装vite

node版本过低解决办法（一次就爽）

切换node版本

安装vite

执行vite全局安装命令

安装项目依赖

运行项目

项目背景

包管理工具：pnpm

提示 ‘vite’  不是内部或外部命令，也不是可运行的程序！🚫

可能原因：

先查看项目中存不存在node-modules文件夹，如果不存在则先 pnpm install 下载依赖，下载依赖后再pnpm run dev,如果依然报错，则继续往下看：

安装条件

兼容性注意⚠️⚠️⚠️

Vite 需要 Node.js 版本 18+，20+。

 然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。

解决办法

查看当前node版本是否满足安装vite

# 查看当前系统node版本
node -v

node版本过低解决办法 --- 使用nvm切换node版本

# 核心命令
 
# 查看nvm版本
nvm -v
 
# 查看可安装node版本
nvm list available
 
# 安装指定node版本
nvm install 20.10.0
 
# 查看已安装node版本
nvm ls
 
# 切换node版本
nvm use 16.17.0
 
# 查看当前使用node版本
node -v

切换node版本

安装好v20.10.0的node版本（你也可以安装其他版本18+ ，20+）

随即执行版本查看，切换版本，版本查看命令：

安装vite

来到vscode终端，执行 npm install -g vite 命令：

# 全局安装vite
npm install -g vite

🤔咦？出现如下报错

提示淘宝镜像vite安装路径请求失败！原因证书过期 。竟然过期那么就用默认镜像安装吧。👌

# 查看当前注册表配置信息
npm config get registry
 
# 删除淘宝镜像源
npm config delete registry https://registry.npm.taobao.org

执行vite全局安装命令

安装项目依赖

运行项目

执行 pnpm dev 或 pnpm run dev

恭喜你项目运行成功啦~🤗