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

相关推荐
用户40993225021219 小时前
Vue3计算属性如何通过缓存特性优化表单验证与数据过滤?
前端·ai编程·trae
接着奏乐接着舞19 小时前
react useMeno useCallback
前端·javascript·react.js
码农阿豪19 小时前
Vue项目构建中ESLint的“换行符战争”:从报错到优雅解决
前端·javascript·vue.js
xhxxx20 小时前
AI打字机的秘密:一个 buffer 如何让机器学会“慢慢说话”
前端·vue.js·openai
韩曙亮20 小时前
【Web APIs】BOM 浏览器对象模型 ⑥ ( location 对象 | location 常用属性和方法 | URL 简介 )
前端·javascript·dom·url·bom·location·浏览器对象模型
用户214118326360220 小时前
CC-Switch配置切换神器:5秒搞定多设备同步,坚果云让配置永不丢失
前端
勤奋的懒洋洋35020 小时前
前端实现多个图片打包下载
前端
豐儀麟阁贵20 小时前
9.5格式化字符串
java·开发语言·前端·面试
春生野草20 小时前
Ruoyi前端基于vue的脚手架的目录解析
前端·javascript·vue.js
m0_7400437321 小时前
Axios拦截器 -- 请求拦截器和响应拦截器
开发语言·前端·javascript