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

举报
码喽的自我修养 发表于 2024/07/25 14:01:08 2024/07/25
【摘要】 解决报错--‘vite’ 不是内部或外部命令,也不是可运行的程序!超详细的解决思路!

项目背景

包管理工具:pnpm

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

​​

可能原因:

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

安装条件

兼容性注意⚠️⚠️⚠️

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

​​

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

解决办法

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

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

node版本过低解决办法(一次就爽)

如果您本机的node版本过低,可以下载nvm版本管理器,nvm切换命令如下:

# 核心命令
 
# 查看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

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

【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。