VUE项目运行失败原因及解决办法图解(以vscode为例)
更新时间：2023年06月23日 10:57:47 作者：S_tar~
记录一下踩坑,前几天从同事手上接手了一个Vue的项目,下面这篇文章主要给大家介绍了关于VUE项目运行失败原因及解决办法的相关资料,本文以vscode为例,需要的朋友可以参考下
1.正常运行：
Ctl +J打开终端，并运行如下命令：
npm run serve
正常情况下，就可以得到本地和网络链接，如下：
点击链接即可进入到编辑好的页面。
不过，你也可能遇到如下情况↓↓↓
2.无法找到package.json
ENOENT: no such file or directory, open 'D:\code\human_resource_management 3\package.json'
这个错误表明npm无法找到指定的package.json文件。可能有以下几种原因：
- 文件路径错误：请检查路径是否正确，确保文件存在于指定的路径中。
- package.json文件被删除或重命名：请检查指定的路径中是否存在名为package.json的文件，如果不存在请创建该文件。
- npm缓存问题：有时候npm会缓存一些文件，如果缓存中存在错误的文件，则可能会导致此问题。您可以尝试清除npm缓存，然后再次运行npm install命令，例如：npm cache clean --force。
- 文件权限问题：请确保您有读取指定文件的权限。
其中新手最常见的原因估计是第一种——文件路径错误（别问我怎么知道的），路径错误，解决办法也很简单↓↓↓
cd 你的项目根目录
我这里根目录的名字是demo
cd demo
就可以了
总结
到此这篇关于VUE项目运行失败原因及解决办法的文章就介绍到这了,更多相关VUE项目运行失败解决内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
vue如何给element-ui中的el-tabs动态设置label属性
这篇文章主要介绍了vue如何给element-ui中的el-tabs动态设置label属性，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
webpack提供的反向代理服务器在开发阶段非常方便，几行简单的代码配置就可以使用反向代理功能，包括路径重写、cookie处理等。这篇文章主要介绍了vue webpack重写cookie路径,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了Vue3为什么这么快,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
vue3+Element Plus实现自定义穿梭框的详细代码
找到一个好用的vue树形穿梭框组件都很难,又不想仅仅因为一个穿梭框在element-ui之外其他重量级插件,本文给大家分享vue3+Element Plus实现自定义穿梭框的示例代码,感兴趣的朋友一起看看吧2024-01-01
这篇文章主要为大家详细介绍了Vue监视数据的原理，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
UEditor是由百度web前端研发部开发的所见即所得的开源富文本编辑器，这篇文章主要介绍了如何在vue项目中使用UEditor--plus ,需要的朋友可以参考下2022-08-08
这篇文章主要介绍了vue中关于this.refs为空出现原因及分析，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
这篇文章主要介绍了vue-cli设置css不生效的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
vue antd的from表单中验证rules中type的坑记录
这篇文章主要介绍了vue antd的from表单中验证rules中type的坑记录，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要介绍了vue2升级vue3遇到的问题bug解决分析整理,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
最新评论