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文件。可能有以下几种原因:

  1. 文件路径错误:请检查路径是否正确,确保文件存在于指定的路径中。
  2. package.json文件被删除或重命名:请检查指定的路径中是否存在名为package.json的文件,如果不存在请创建该文件。
  3. npm缓存问题:有时候npm会缓存一些文件,如果缓存中存在错误的文件,则可能会导致此问题。您可以尝试清除npm缓存,然后再次运行npm install命令,例如:npm cache clean --force。
  4. 文件权限问题:请确保您有读取指定文件的权限。

其中新手最常见的原因估计是第一种——文件路径错误(别问我怎么知道的),路径错误,解决办法也很简单↓↓↓

cd  你的项目根目录

我这里根目录的名字是demo

 cd demo

就可以了

总结 

到此这篇关于VUE项目运行失败原因及解决办法的文章就介绍到这了,更多相关VUE项目运行失败解决内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

相关文章

  • vue中$router.back()和$router.go()的用法

    vue中$router.back()和$router.go()的用法

    这篇文章主要介绍了vue中$router.back()和$router.go()的用法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • 一文带你掌握Vue中的路由守卫

    一文带你掌握Vue中的路由守卫

    路由守卫(Route Guards)是 Vue Router 的一个功能,它允许我们在路由发生之前执行逻辑判断,这篇文章主要为大家介绍了Vue中路由守卫的具体应用,需要的可以了解下
    2024-03-03
  • 利用FetchEventSource在大模型流式输出的应用方式

    利用FetchEventSource在大模型流式输出的应用方式

    这篇文章主要介绍了利用FetchEventSource在大模型流式输出的应用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-08-08
  • vue3 自定义图片放大器效果的示例代码

    vue3 自定义图片放大器效果的示例代码

    这篇文章主要介绍了vue3 自定义图片放大器效果,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • vue前端RSA加密java后端解密的方法实现

    vue前端RSA加密java后端解密的方法实现

    本文主要介绍了vue前端RSA加密java后端解密的方法实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • VUE3+TS递归组件实现TreeList设计实例详解

    VUE3+TS递归组件实现TreeList设计实例详解

    这篇文章主要为大家介绍了VUE3+TS递归组件实现TreeList设计实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • vue使用axios获取不到响应头Content-Disposition的问题及解决

    vue使用axios获取不到响应头Content-Disposition的问题及解决

    这篇文章主要介绍了vue使用axios获取不到响应头Content-Disposition的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-06-06
  • ejsExcel模板在Vue.js项目中的实际运用

    ejsExcel模板在Vue.js项目中的实际运用

    这篇文章主要介绍了ejsExcel模板在Vue.js项目中的实际运用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • 详解vue 组件之间使用eventbus传值

    详解vue 组件之间使用eventbus传值

    本篇文章主要介绍了vue 组件之间使用eventbus传值。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 详解Vue如何手写一个虚拟列表

    详解Vue如何手写一个虚拟列表

    虚拟列表是一种优化长列表渲染的技术,它可以在保持流畅性的同时,渲染大量的数据,本文主要介绍了如何使用vue手写一个虚拟列表,感兴趣的可以了解下
    2024-04-04

最新评论