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

简介: 解决报错--‘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 -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

如果您对npm镜像源管理不够了解,请您移步查阅这篇文章:

😀npm下载依赖太慢?镜像源切换与设置!

执行vite全局安装命令

安装项目依赖

运行项目

执行 pnpm dev 或 pnpm run dev

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


相关文章
|
前端开发
前端引入字体文件
文章介绍了如何在前端项目中引入字体文件,并展示了具体的HTML和CSS代码示例,包括如何使用`@font-face`规则来定义字体和在页面中应用自定义字体。
682 1
前端引入字体文件
|
Java 数据库连接 mybatis
Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception
在进行springboot和mybatis遇到了这个错误 Servlet.service() for servlet [dispatcherServlet] in context with path [] th
Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception
|
资源调度 JavaScript 前端开发
前端开发必备!Node.js 18.x LTS保姆级安装教程(附国内镜像源配置)
本文详细介绍了Node.js的安装与配置流程,涵盖环境准备、版本选择(推荐LTS版v18.x)、安装步骤(路径设置、组件选择)、环境验证(命令测试、镜像加速)及常见问题解决方法。同时推荐开发工具链,如VS Code、Yarn等,并提供常用全局包安装指南,帮助开发者快速搭建高效稳定的JavaScript开发环境。内容基于官方正版软件,确保合规性与安全性。
14605 23
|
NoSQL 前端开发 Redis
Windows 下安装和配置 Redis (图文教程)
Windows 下安装和配置 Redis (图文教程)
|
JavaScript Java CDN
vue3完整教程从入门到精通(新人必学1,vue3快速上手)
本文提供了Vue 3从入门到精通的完整教程,涵盖了创建Vue应用、通过CDN使用Vue、定义网站以及使用ES模块构建版本的步骤和示例代码。
11070 1
vue3完整教程从入门到精通(新人必学1,vue3快速上手)
Echarts中横坐标文字显示不全
本文讨论了在ECharts中横坐标文字显示不全的问题,并通过设置`xAxis`的`axisLabel.interval`属性为`0`来解决。这样设置后,横坐标上的所有标签都会显示,而不会根据自动计算的间隔来显示部分标签。文章提供了问题的具体示例图片和解决方法,并附有官方文档链接。
1704 4
Echarts中横坐标文字显示不全
|
Java 开发工具
开发工具系列 之 同一个电脑上安装多个版本的JDK
这篇文章介绍了如何在一台电脑上安装和配置多个版本的JDK,包括从官网下载所需JDK、安装过程、配置环境变量以及如何查看和切换当前使用的JDK版本,并提到了如果IDEA和JDK版本不兼容时的解决方法。
开发工具系列 之 同一个电脑上安装多个版本的JDK
|
缓存 JavaScript 前端开发
拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题
本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法,包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等,并提供了相应的解决策略。同时,还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
15530 2