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

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


相关文章
|
缓存
npm install 一直卡着不动如何解决
npm install 一直卡着不动如何解决
9355 0
|
前端开发 JavaScript 应用服务中间件
前端跨域问题解决Access to XMLHttpRequest at xxx from has been blocked by CORS policy
跨域问题是前端开发中常见且棘手的问题,但通过理解CORS的工作原理并应用合适的解决方案,如服务器设置CORS头、使用JSONP、代理服务器、Nginx配置和浏览器插件,可以有效地解决这些问题。选择合适的方法可以确保应用的安全性和稳定性,并提升用户体验。
8497 90
|
资源调度 JavaScript 前端开发
前端开发必备!Node.js 18.x LTS保姆级安装教程(附国内镜像源配置)
本文详细介绍了Node.js的安装与配置流程,涵盖环境准备、版本选择(推荐LTS版v18.x)、安装步骤(路径设置、组件选择)、环境验证(命令测试、镜像加速)及常见问题解决方法。同时推荐开发工具链,如VS Code、Yarn等,并提供常用全局包安装指南,帮助开发者快速搭建高效稳定的JavaScript开发环境。内容基于官方正版软件,确保合规性与安全性。
13117 23
|
NoSQL 前端开发 Redis
Windows 下安装和配置 Redis (图文教程)
Windows 下安装和配置 Redis (图文教程)
|
JavaScript Java CDN
vue3完整教程从入门到精通(新人必学1,vue3快速上手)
本文提供了Vue 3从入门到精通的完整教程,涵盖了创建Vue应用、通过CDN使用Vue、定义网站以及使用ES模块构建版本的步骤和示例代码。
10997 1
vue3完整教程从入门到精通(新人必学1,vue3快速上手)
|
前端开发 小程序 Java
【规范】SpringBoot接口返回结果及异常统一处理,这样封装才优雅
本文详细介绍了如何在SpringBoot项目中统一处理接口返回结果及全局异常。首先,通过封装`ResponseResult`类,实现了接口返回结果的规范化,包括状态码、状态信息、返回信息和数据等字段,提供了多种成功和失败的返回方法。其次,利用`@RestControllerAdvice`和`@ExceptionHandler`注解配置全局异常处理,捕获并友好地处理各种异常信息。
7931 1
【规范】SpringBoot接口返回结果及异常统一处理,这样封装才优雅
|
缓存 JavaScript 前端开发
拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题
本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法,包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等,并提供了相应的解决策略。同时,还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
14292 2
|
JavaScript 测试技术
vue配置生产环境.env.production、测试环境.env.development
该文章介绍了如何在Vue项目中配置和使用不同的环境变量文件(.env、.env.production、.env.development)以适应开发、测试和生产环境,并通过修改`package.json`中的scripts来实现不同环境的打包。
4249 0
vue配置生产环境.env.production、测试环境.env.development

热门文章

最新文章

下一篇
开通oss服务