WebStorm启动vue项目报错代码:1080 throw err解决办法

 更新时间:2023年12月05日 11:04:19   作者:IT技术支持的菜鸟  
在使用webstorm新建vue项目时常会遇到一些报错,下面这篇文章主要给大家介绍了关于WebStorm启动vue项目报错代码:1080 throw err的解决办法,文中将解决办法介绍的非常详细,需要的朋友可以参考下

报错代码

node:internal/modules/cjs/loader:1080
  throw err;
  ^

Error: Cannot find module '../package.json'
Require stack:
- /Users/mike/WebstormProjects/vue-qms/node_modules/.bin/vue-cli-service
    at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)
    at Module._load (node:internal/modules/cjs/loader:922:27)
    at Module.require (node:internal/modules/cjs/loader:1143:19)
    at require (node:internal/modules/cjs/helpers:121:18)
    at Object.<anonymous> (/Users/mike/WebstormProjects/vue-qms/node_modules/.bin/vue-cli-service:4:25)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/Users/mike/WebstormProjects/vue-qms/node_modules/.bin/vue-cli-service'
  ]
}

Node.js v18.17.1

解决办法

这个错误表明 Node.js 在尝试执行 vue-cli-service 时无法找到相关的模块或文件。通常这是因为某些依赖丢失或配置不正确。

请尝试以下步骤来解决这个问题:

  • 重新安装依赖: 进入您的 Vue 项目目录,然后删除 node_modules 文件夹,并重新安装依赖:

    rm -rf node_modules
    npm install
    
  • 检查 package.json: 确保您的项目目录下有一个有效的 package.json 文件。如果没有,您可以使用以下命令生成一个新的 package.json 文件:

    npm init -y
    
  • 安装 Vue CLI: 如果您还没有安装 Vue CLI,您可以尝试在项目目录中进行局部安装:

    npm install @vue/cli
    
  • 尝试使用 yarn: 如果您使用 npm 遇到问题,也可以尝试使用 yarn 来管理依赖。首先确保您已经全局安装了 yarn,然后在项目目录中运行以下命令:

    yarn install
    
  • 更新 Node.js 版本: 如果问题仍然存在,可以考虑升级或降级您的 Node.js 版本,因为某些版本的 Node.js 可能与某些依赖不兼容。

  • 检查文件路径: 确保您在正确的项目目录下运行命令,并且路径中没有拼写错误或其他问题。

如果您尝试了以上步骤但问题仍然存在,请提供更多关于您的项目结构、操作步骤和错误日志信息,以便我能够更进一步地帮助您解决问题。

PS:执行前确保电脑已经安装了nodejs-https://nodejs.org/en

总结

到此这篇关于WebStorm启动vue项目报错代码:1080 throw err解决办法的文章就介绍到这了,更多相关WebStorm启动vue报错1080内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解vuex中action何时完成以及如何正确调用dispatch的思考

    详解vuex中action何时完成以及如何正确调用dispatch的思考

    这篇文章主要介绍了详解vuex中action何时完成以及如何正确调用dispatch的思考,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-01-01
  • vue3和vue2挂载实例到全局(自定义消息提示框组件方式)

    vue3和vue2挂载实例到全局(自定义消息提示框组件方式)

    这篇文章主要介绍了vue3和vue2挂载实例到全局(自定义消息提示框组件方式),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-04-04
  • Vue3 + TypeScript 开发总结

    Vue3 + TypeScript 开发总结

    本文直接上 Vue3 + TypeScript + Element Plus 开发的内容,感兴趣的话一起来看看吧
    2021-08-08
  • Vue2中Element UI表单的使用详解

    Vue2中Element UI表单的使用详解

    这篇文章主要为大家详细介绍了Vue2中Element UI表单的使用,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • vue自定义tap指令及tap事件的实现

    vue自定义tap指令及tap事件的实现

    Vue提供自定义实现指令的功能, 和组件类似,可以是全局指令和局部指令,这篇文章主要介绍了vue自定义tap指令及tap事件的实现 ,需要的朋友可以参考下
    2018-09-09
  • Vue祖孙组件如何实现传值

    Vue祖孙组件如何实现传值

    这篇文章主要介绍了Vue祖孙组件如何实现传值问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • Vue 列表页带参数进详情页的操作(router-link)

    Vue 列表页带参数进详情页的操作(router-link)

    这篇文章主要介绍了Vue 列表页带参数进详情页的操作(router-link),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • 浅谈vue后台管理系统权限控制思考与实践

    浅谈vue后台管理系统权限控制思考与实践

    这篇文章主要介绍了浅谈vue后台管理系统权限控制思考与实践,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • vue路由切换之淡入淡出的简单实现

    vue路由切换之淡入淡出的简单实现

    今天小编就为大家分享一篇vue路由切换之淡入淡出的简单实现,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • 一篇带你搞懂Vue中的自定义指令

    一篇带你搞懂Vue中的自定义指令

    自定义指令,是Vue提供的一种扩展和定制的机制,使开发者能够在组件中直接操作DOM、处理事件、添加样式等,并提供了与第三方库集成的方式,定义指令使得Vue在处理交互和DOM操作时更加灵活和强大,本文将带大家搞懂Vue中的自定义指令,需要的朋友可以参考下
    2023-07-07

最新评论