vite创建vue3 npm run dev 和 yarn dev报错 vite 不是内部或外部命令，也不是可运行的程序

最新推荐文章于 2024-03-23 22:17:11 发布
最新推荐文章于 2024-03-23 22:17:11 发布
阅读量4.7k 收藏 6
点赞数 2
文章标签： npm javascript 前端 vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SdShuooo/article/details/127345603
版权

在网上找了很多教程出现次数最多的就是把项目中的node_moudle与package-lock.json文件删除，再执行一遍npm i 可我的项目中没有package-lock.json，所以我只删除node_moudle执行npm i 后还是没有package-lock.json 且运行npm run dev和yarn dev还是报错 'vite' 不是内部或外部命令，也不是可运行的程序。随即我转变思路查询如果没有package-lock.json文件怎样生成

 找到npm文件夹下的这个文件 我的路径是npm文件夹下的node_modules\npm里

打开之后寻找是否有package-lock = false，如果有就改成true

没有的话直接加上package-lock = true保存后删掉项目中仅有的node_moudle文件夹再运行一遍npm i 就发现项目中出现了package-lock.json

 最后执行 npm run dev 项目运行成功且yarn dev也能成功

如何创建package-lock.json文件转载

(11条消息) package-lock.json文件没有自动生成_我就是你的宝藏女孩的博客-CSDN博客

SdShuooo
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn
04-13
1.build或者dev项目时不报错，兼容vite2/vite3，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已...
Yarn全局安装模块后，提示 ‘react-native-rename’ 不是内部或外部命令，也不是可运行的程序！
01-03
一、前言            其实问题很简单，网上一搜索，一分钟不出便能解决；博主记录写文的目的也只有一个，收归吾有，加深解决问题的映像，留作日后再遇到此问题时，一套”回首掏”，便能恍然醒悟！           本篇用到的命令：          （1） react-native init myProject          （2） yarn global add react-native-rename          （3） react-native-rename 你说我做          （4） yarn global dir && yarn global bin        
解决vite不是内部或外部命令，也不是可运行的程序 或批处理文件。
热门推荐
见证自己学习,成长的记录
12-06 8万+
今天是要vite创建vue3.0项目的时候，到了最后一步npm run dev的时候出现了以下错误：如下图所示想了半天，调试了很久，本来以为是环境的问题，是不是没有缺少哪些配置但是查了资料发现，如果是使用vite创建vue3.0项目的时候，vite不会自动帮助我们install相关的依赖，需要我们手动去安装，想到这里恍然大悟然后我去项目的node_modules目录里面查看，果然什么都没有所以说出现这个问题的原因是：缺少安装依赖这一步！ vite不像node或cli，会自动帮助我们执行npm i (inst
‘vite‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。 ELIFECYCLE Command failed with exit code 1.【问题解决】
最新发布
nanke_yh的博客
03-23 1378
下载的工程代码中node_modules中的依赖库存在改变，导致不能执行。'vite' 不是内部或外部命令，也不是可运行的程序或批处理文件。2、执行pnpm i （这个可能和自己电脑上是否安装有关吧）3、再次执行pnpm run dev即可以了。1、删除node_modules文件夹。
解决vite不是内部或外部命令，也不是可运行的程序或批处理文件
anwanfu的专栏
02-14 1908
vite不是内部或外部命令，也不是可运行的程序或批处理文件
‘vite’ 不是内部或外部命令，也不是可运行的程序或批处理文件
qq_47902937的博客
07-07 976
所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载。使用vite创建vue3.0项目的时候，vite不会自动 install 相关的依赖，需要我们手动去安装。注意：如果已经下载好了node_modules报出这位问题 可以尝试将整个node_modules删除在执行npm i下载全新依赖 重新执行npm run dev（serve）就好了。
‘vite‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
学无止境
09-20 2669
UJCMS是一款基于Java、MyBatis、Vue3、ElementPlus等主流技术开发的内容管理系统，具有高效、稳定、安全、易用等特点，适用于政府、事业单位、企业、学校等各种类型的客户，可以满足不同行业和场景的需求。UJCMS-CP是UJCMS的后台前端项目。使用 Vue 3、Vite、TypeScript、ElementPlus、TailwindCSS、VueRouter、VueI18n 开发。UJCMS二次开发。
‘vite‘ 不是内部或外部命令，也不是可运行的程序
lied1663634806的博客
10-17 2258
后来通过“npm install -f ”命令解决，
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for npm/yarn
03-20
1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过...
基于Nuxt3 + Vue3 + NaiveUI+ Vite实战开发在线教育SSR服务端渲染网站应用.zip
03-03
基于Nuxt3 + Vue3 + NaiveUI+ Vite实战开发在线教育SSR服务端渲染网站应用.zip 二、项目内容 项目包括：图文、音频、视频、电子书、用户、直播、问答社区、考试、拼团秒杀、优惠券模块及微信扫码支付以及（部分）...
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for cnpm
02-22
1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过...
‘vite‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。
2201_75705263的博客
07-13 623
解决方法：npm install。
‘vite‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件
m0_67265919的博客
03-02 5585
运行一个由 Vite 构建的 Vue3 项目，之前还好好的能正常跑，但拉取新代码之后再次执行 npm run dev 就提示 ‘vite’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 百思不得其解，最终解决方案如下： 1、删除 node_modules 文件夹 和 package-lock.json 文件 2、重新执行 npm i 安装依赖 3、npm run dev 启动项目 ...
npm run dev 'vite' 不是内部或外部命令，也不是可运行的程序 或批处理文件
08-30
当你在执行npm run dev命令时，出现了"'vite' 不是内部或外部命令，也不是可运行的程序"的错误提示。这个错误通常表示你的项目中缺少了vite依赖。为了解决这个问题，有几个可能的解决方案。 首先，你可以尝试重新安装项目的依赖。进入项目目录，在命令行中执行npm install命令，以确保所有依赖项都正确安装。然后再次尝试运行npm run dev命令，看是否能够解决问题。 如果重新安装依赖没有解决问题，你可以尝试删除node_modules文件夹并重新安装依赖。在命令行中执行rm -rf node_modules命令（在Windows上使用rmdir /s /q node_modules命令），然后再执行npm install命令重新安装依赖。 另外，有些教程中提到删除package-lock.json文件，再执行npm install命令。但是你提到你的项目中没有package-lock.json文件，所以这个步骤可能不适用于你的情况。 最后，如果以上方法都没有解决问题，你可以尝试全局安装vite依赖。在命令行中执行npm install -g vite命令，将vite安装到全局环境中。然后再次运行npm run dev命令，看看是否能够成功执行。 总结起来，解决npm run dev命令报错"'vite' 不是内部或外部命令，也不是可运行的程序"的方法包括重新安装项目依赖、删除node_modules文件夹并重新安装依赖、全局安装vite依赖等。你可以根据具体情况尝试这些方法，找到适合你的解决方案。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue打包npm run build时候界面报错的解决](https://download.csdn.net/download/weixin_38626943/13128820)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vite创建vue3 npm run dev 和 yarn dev报错 vite 不是内部或外部命令，也不是可运行的程序](https://blog.csdn.net/SdShuooo/article/details/127345603)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [解决vite不是内部或外部命令，也不是可运行的程序 或批处理文件。](https://blog.csdn.net/weixin_46713508/article/details/128211201)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值