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

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


相关文章
|
前端开发 easyexcel Java
Java+EasyExcel实现文件导入导出,导入导出如此简单
项目中需要Excel文件的导入与导出Excel并下载,例如,导入员工信息,导出员工信息,手动输入比较繁琐,所以本篇博文教大家如何在Java中导入Excel文件与导出Excel文件
15578 3
Java+EasyExcel实现文件导入导出,导入导出如此简单
|
8月前
|
资源调度 JavaScript 前端开发
前端开发必备!Node.js 18.x LTS保姆级安装教程(附国内镜像源配置)
本文详细介绍了Node.js的安装与配置流程,涵盖环境准备、版本选择(推荐LTS版v18.x)、安装步骤(路径设置、组件选择)、环境验证(命令测试、镜像加速)及常见问题解决方法。同时推荐开发工具链,如VS Code、Yarn等,并提供常用全局包安装指南,帮助开发者快速搭建高效稳定的JavaScript开发环境。内容基于官方正版软件,确保合规性与安全性。
7523 23
|
11月前
|
SQL JSON 前端开发
若依RuoYi脚手架二次开发教程(二次开发必学技能)
本次我们将通过一个菜品管理模块开发的案例,来演示拿到若依框架后,如何在若依管理系统上进行二次开发,升级改造为自己的管理系统。适合以若依作为项目脚手架的公司开发人员、毕业设计的学生及开源项目学习者。
6590 1
若依RuoYi脚手架二次开发教程(二次开发必学技能)
|
SQL XML JavaScript
【若依Java】15分钟玩转若依二次开发,新手小白半小时实现前后端分离项目,springboot+vue3+Element Plus+vite实现Java项目和管理后台网站功能
摘要: 本文档详细介绍了如何使用若依框架快速搭建一个基于SpringBoot和Vue3的前后端分离的Java管理后台。教程涵盖了技术点、准备工作、启动项目、自动生成代码、数据库配置、菜单管理、代码下载和导入、自定义主题样式、代码生成、启动Vue3项目、修改代码、以及对代码进行自定义和扩展,例如单表和主子表的代码生成、树形表的实现、商品列表和分类列表的改造等。整个过程详细地指导了如何从下载项目到配置数据库,再到生成Java和Vue3代码,最后实现前后端的运行和功能定制。此外,还提供了关于软件安装、环境变量配置和代码自动生成的注意事项。
28293 73
|
JavaScript Java CDN
vue3完整教程从入门到精通(新人必学1,vue3快速上手)
本文提供了Vue 3从入门到精通的完整教程,涵盖了创建Vue应用、通过CDN使用Vue、定义网站以及使用ES模块构建版本的步骤和示例代码。
10599 1
vue3完整教程从入门到精通(新人必学1,vue3快速上手)
|
JSON 前端开发 JavaScript
不会webpack的前端可能是捡来的,万字总结webpack的超入门核心知识
该文章提供了Webpack的基础入门指南,涵盖安装配置、基本使用、加载器(Loaders)、插件(Plugins)的应用,以及如何通过Webpack优化前端项目的打包构建流程。
不会webpack的前端可能是捡来的,万字总结webpack的超入门核心知识
|
NoSQL 前端开发 Redis
Windows 下安装和配置 Redis (图文教程)
Windows 下安装和配置 Redis (图文教程)
|
存储 前端开发 中间件
vue3之vite配置vite-plugin-mock使用mock轻松创建模拟数据提高开发效率
vue3之vite配置vite-plugin-mock使用mock轻松创建模拟数据提高开发效率
1763 0
|
JavaScript
cnpm 的安装与使用
本文介绍了npm和cnpm的概念、安装nodejs的步骤,以及cnpm的安装和使用方法,提供了通过配置npm使用中国镜像源来加速包下载的替代方案,并说明了如何恢复npm默认仓库地址。
cnpm 的安装与使用
|
前端开发 小程序 Java
【规范】SpringBoot接口返回结果及异常统一处理,这样封装才优雅
本文详细介绍了如何在SpringBoot项目中统一处理接口返回结果及全局异常。首先,通过封装`ResponseResult`类,实现了接口返回结果的规范化,包括状态码、状态信息、返回信息和数据等字段,提供了多种成功和失败的返回方法。其次,利用`@RestControllerAdvice`和`@ExceptionHandler`注解配置全局异常处理,捕获并友好地处理各种异常信息。
6627 0
【规范】SpringBoot接口返回结果及异常统一处理,这样封装才优雅