vue3前端开发-执行npm run dev提示报错怎么解决

vue3前端开发-执行npm run dev提示报错怎么解决!今天在本地安装初始化了一个vue3的案例demo。但是当我执行npm run dev想启动它时报错了说,找不到dev。让我检查package.json文件是否包含dev。如下图所示:

实际上,不必惊慌,这是因为我自己的项目存档路径,进行了一次嵌套操作,所以引起的故障。

下面给大家看一下,我这一次项目存档的路径情况。就明白了。

如图,我使用vscode打开了这个项目,但是我进入了路径不对,我第一次进入了路径是外层目录,我并无进入真正的项目内部。我的项目真正的目录应该是vue-mydemo1才对。疏忽与大意了。


查到了错误的原因,解决问题就简单。

再次进入该项目存档路径后,重新执行插件的安装指令(npm install);

等待插件安装完成后,再次执行启动命令(npm run dev);

顺利启动起来了。希望大家可以以后避开这种错误。仅供参考。不喜勿喷!

末尾话语:

vue3技术,是使用的vite作为底层的脚手架来搭建项目的,因此,

使用该脚手架 搭建的项目,启动命令也变成了:npm run dev

旧版本vue2底层使用的是webpack脚手架搭建的项目,启动命令是:npm run serve

相关推荐
让开,我要吃人了11 分钟前
OpenHarmony技术开发:Launcher架构应用启动流程分析
linux·前端·华为·移动开发·harmonyos·鸿蒙·openharmony
忧郁的蛋~44 分钟前
使用 React Router v6 进行布局
前端·javascript·react.js
bittingCat1 小时前
uniapp,uview:inputnumber或者input,当type为number的时候,在ios里输入不了小数的问题
前端·ios·uni-app·vue
圆周率v1.11 小时前
vue3中ref自动解包
前端·javascript·vue.js
super super super man1 小时前
解读vue3源码-响应式篇3 effect副作用函数
前端·javascript·vue.js
Takumilove2 小时前
利用 Redisson 实现延迟消息队列:一种高效订单取消方案
java·前端·数据库
悅悅~2 小时前
vue 组件拖拽
前端·javascript·vue.js
GLAB-Mary4 小时前
精通Redis-CLI:命令行玩转高效缓存
前端·redis·bootstrap·html
自学前端_又又4 小时前
【Leetcode 2215 】 找出两数组的不同 —— 同时操作两个哈希表
前端·javascript·算法·leetcode
小小鱼er4 小时前
go 切片slice学习总结
前端·golang