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

相关推荐
毕设十刻5 分钟前
基于Vue的鲜花销售系统33n62(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
IT_陈寒12 分钟前
Spring Boot 3.2震撼发布:5个必知的新特性让你开发效率提升50%
前端·人工智能·后端
初遇你时动了情18 分钟前
前端使用TensorFlow.js reactjs调用本地模型 实现图像、文本、音频/声音、视频相关识别
前端·javascript·tensorflow
广州华水科技23 分钟前
单北斗GNSS变形监测系统安装与应用解析,提升位移监测精度
前端
J***Q29226 分钟前
前端微前端框架原理,qiankun源码分析
前端·前端框架
菜鸟‍27 分钟前
【前端学习】React学习【万字总结】
前端·学习·react.js
百***844534 分钟前
Webpack、Vite区别知多少?
前端·webpack·node.js
Mintopia38 分钟前
零信任架构下的 WebAIGC 服务安全技术升级方向
前端·人工智能·trae
敏姐的后花园3 小时前
模考倒计时网页版
java·服务器·前端
AiXed4 小时前
PC微信WDA算法
前端·javascript·macos