解决vite不是内部或外部命令，也不是可运行的程序 或批处理文件。

已于 2022-12-06 22:20:55 修改
阅读量8.9w 收藏 106
点赞数 95
分类专栏： 前端(Web) Vue 文章标签： javascript 前端 vue.js
于 2022-12-06 22:02:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46713508/article/details/128211201
版权

前言

今天是要vite创建vue3.0项目的时候，到了最后一步npm run dev的时候出现了以下错误：

‘vite’ 不是内部或外部命令，也不是可运行的程序
或批处理文件。

如下图所示

在这里插入图片描述

思考问题

想了半天，调试了很久，本来以为是环境的问题，是不是没有缺少哪些配置

但是查了资料发现，如果是使用vite创建vue3.0项目的时候，vite不会自动帮助我们install相关的依赖，需要我们手动去安装，想到这里恍然大悟

然后我去项目的node_modules目录里面查看，果然什么都没有

所以说出现这个问题的原因是：缺少安装依赖这一步！ vite不像node或cli，会自动帮助我们执行npm i (install)命令去下载相关依赖，需要我们手动下载

解决问题

输入命令下载依赖：

npm i

可以看到确实帮助我们下载了很多的依赖
在这里插入图片描述
这时候再次运行npm run dev，已经解决了这个问题
在这里插入图片描述

扩展

既然问题解决了，顺便带大家看下使用vite创建出来的vue3.0给我们的初始化页面是什么样子吧

和vue2.0以及使用cli创建的vue3.0的界面比起来，清爽了很多，并且给我们提供了一个计数器的demo

在这里插入图片描述
本质还是一个HelloWorld的组件

在这里插入图片描述

小花皮猪
关注
  • 95
    点赞
  • 踩
  • 106
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 17
    评论
专栏目录
vite-cli:Vite实现原理
05-31
vite-cli Vite实现原理 vite概念 vite是一个面向现代浏览器的一个更轻、更快的Web应用开发工具 它基于ECMAScript标准原生模块系统（ES Modules）实现 vite项目依赖 vite @vue/compiler-sfc 基础使用 vite serve 是一个用于启动web开发的服务器，启动服务器的时候不需要编译所有的代码文件，启动非常快 Vite build Rollup Dynamic import Polyfill vite核心功能 静态Web服务器 编译单文件组件 拦截浏览器不识别的模块，并处理 HMR vite HMR 立即编译当前所修改的文件 Webpack HMR 会自动以这个文件为入口重写build一次，所有的涉及到的依赖也都会被加载一遍 vite特性 快速冷启动 模块热更新 按需编译 开箱即用 TypeScript-内置支持 less/sas
解决vue: 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称…
01-20
在使用Vue CLI时，遇到"无法将“vue”项识别为cmdlet、函数、脚本文件或可运行程序的名称"的错误，这通常是因为系统找不到Vue CLI的可执行文件，即`vue`命令。这个问题涉及到环境变量配置，尤其是`PATH`环境变量，它...
‘vite’ 不是内部或外部命令，也不是可运行的程序！
Vinca@的博客
02-28 7476
包管理工具：pnpm提示 ‘vite’ 不是内部或外部命令，也不是可运行的程序！
解决报错：‘vite‘ 不是内部或外部命令，也不是可运行的程序或批处理文件
最新发布
科技改变人类，技术成就未来
06-06 6848
解决报错：'vite' 不是内部或外部命令，也不是可运行的程序或批处理文件
'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件
热门推荐
会飞De琥珀
09-27 3万+
vue及vue/cli安装命令 npm install -g vue npm install -g @vue/cli-init 解决无法执行vue.exe.的问题 npm config list 打开如图目录,确保安装成功 把目录加入环境变量 问题解决 ...
【各种**问题系列】‘vite’ 不是内部或外部命令，也不是可运行的程序或批处理文件
范同学的学习历程
01-09 1万+
所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载。使用vite创建vue3.0项目的时候，vite不会自动 install 相关的依赖，需要我们手动去安装。进入项目的node_modules目录里面查看，什么都没有！
‘vite‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
学无止境
09-20 3808
UJCMS是一款基于Java、MyBatis、Vue3、ElementPlus等主流技术开发的内容管理系统，具有高效、稳定、安全、易用等特点，适用于政府、事业单位、企业、学校等各种类型的客户，可以满足不同行业和场景的需求。UJCMS-CP是UJCMS的后台前端项目。使用 Vue 3、Vite、TypeScript、ElementPlus、TailwindCSS、VueRouter、VueI18n 开发。UJCMS二次开发。
‘vite‘ 不是内部或外部命令，也不是可运行的程序
lied1663634806的博客
10-17 2691
后来通过“npm install -f ”命令解决，
‘vite’ 不是内部或外部命令，也不是可运行的程序或批处理文件问题解决
qq_47902937的博客
07-07 1278
所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载。使用vite创建vue3.0项目的时候，vite不会自动 install 相关的依赖，需要我们手动去安装。注意：如果已经下载好了node_modules报出这个问题 可以尝试将整个node_modules删除在执行npm i下载全新依赖就好 在执行npm i 发现好了。
vite 项目运行时出错：‘vite‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
虎康的博客
03-21 4979
因为使用vite创建vue3.0项目的时候，vite不会自动帮助我们install相关的依赖，需要我们手动去安装，然后我去项目的node_modules目录里面查看，果然什么都没有。所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像node或cli，会自动帮助我们执行npm i (install)命令去下载相关依赖，需要我们手动下载。
‘vite’ 不是内部或外部命令，也不是可运行的程序或批处理文件
qq_47902937的博客
07-07 1042
所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载。使用vite创建vue3.0项目的时候，vite不会自动 install 相关的依赖，需要我们手动去安装。注意：如果已经下载好了node_modules报出这位问题 可以尝试将整个node_modules删除在执行npm i下载全新依赖 重新执行npm run dev（serve）就好了。
vue组件内部引入外部js文件的方法
11-21
之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。 第一种操作 Dom引入js： export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body.appendChild(s); }, } 第二种使用 createElement 方法： export default
Vue 打包的静态文件不能直接运行的原因及解决办法
01-22
问题 吾辈使用 vue-cli 直接生成的 vue 模板项目，在模板之上继续开发的。然而在使用 npm run build 打包项目时，却发现打包好的项目在浏览器中直接打开好像什么都没有？ 原因 查看了一下打包后的 index.html 源码，终于发现了一个重要的点： 所有涉及到路径的地方全都是以 / 开头的 下面是吾辈打包后生成的 dist 目录 dist:. │ index.html │ └─static ├─css │ app.b7bce283257fbd427fb1dc3fea80cee1.css │ app.b7bce283257fbd427fb1dc3fea
使用npm命令提示: npm 不是内部或外部命令,也不是可运行的程序的处理方法
12-17
 接着我们在使用npm安装依赖的时候有时候会出现“’npm’ 不是内部或外部命令，也不是可运行的程序”的提示，此时我们先查看环境变量 知道3所指的路径，你会看到下图只有一个etc文件，没有马赛克部分内容，没有npm...
通过electronbuilder将Electron案例制作成Windows程序以及安装包
08-11
electron-builder会自动处理编译、打包、签名（如果配置了）等步骤，生成一个`.exe`可执行文件和安装程序。 构建过程中，你可以自定义安装包的输出路径、图标、版本信息等。这些配置可以写在`package.json`的`build...
vite 不是内部或外部命令,也不是可运行的程序 或批处理文件。
01-05
根据提供的引用内容，出现“vite 不是内部或外部命令,也不是可运行的程序 或批处理文件”错误的原因可能是Vite没有正确安装或者环境变量配置不正确。以下是两种解决方法： 1. 使用cnpm安装Vite： ```shell cnpm install -g create-vite ``` 这将使用cnpm安装Vite，并将其添加到全局环境变量中。安装完成后，您应该能够在终端中执行vite命令。 2. 检查环境变量： 确保Vite的安装路径已正确添加到系统的环境变量中。您可以按照以下步骤检查和配置环境变量： - 在Windows上，打开“控制面板”并搜索“环境变量”。 - 点击“编辑系统环境变量”。 - 在“系统变量”部分，找到名为“Path”的变量，并双击打开。 - 确保Vite的安装路径已添加到“Path”变量中。如果没有，请点击“新建”并添加Vite的安装路径。 - 点击“确定”保存更改。 完成上述步骤后，重新打开终端并尝试执行vite命令，应该不再出现“不是内部或外部命令”错误。
评论 17
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小花皮猪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值