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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Vue中使用crypto-js AES对称加密算法实现加密解密

    Vue中使用crypto-js AES对称加密算法实现加密解密

     在数字加密算法中,通过可划分为对称加密和非对称加密,本文主要介绍了Vue中使用crypto-js AES对称加密算法实现加密解密,文中根据实例编码详细介绍的十分详尽,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Vue.js3.2响应式部分的优化升级详解

    Vue.js3.2响应式部分的优化升级详解

    这篇文章主要为大家介绍了Vue.js3.2响应式部分的优化升级详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 前端vue实现的h5页面接入微信支付流程(jsapi方式)

    前端vue实现的h5页面接入微信支付流程(jsapi方式)

    vue实现微信支付有三种方式,第一种方式是PC端支付,第二种方式是H5支付,第三种方式是微信公众号支付,这篇文章主要给大家介绍了关于前端vue实现的h5页面接入微信支付流程,文中介绍的方法是利用jsapi方式,通过代码将实现的方法介绍的非常详细,需要的朋友可以参考下
    2024-01-01
  • vue开发之LogicFlow自定义业务节点

    vue开发之LogicFlow自定义业务节点

    这篇文章主要为大家介绍了vue开发之LogicFlow自定义业务节点,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • Vue中使用eslint和editorconfig方式

    Vue中使用eslint和editorconfig方式

    这篇文章主要介绍了Vue中使用eslint和editorconfig方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-05-05
  • vue组件入门知识全梳理

    vue组件入门知识全梳理

    这篇文章主要给大家介绍了关于vue组件入门知识的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • vue-seamless-scroll 实现简单自动无缝滚动且添加对应点击事件的简单整理

    vue-seamless-scroll 实现简单自动无缝滚动且添加对应点击事件的简单整理

    vue-seamless-scroll是一个基于Vue.js的简单无缝滚动组件, 基于requestAnimationFrame实现,配置多满足多样需求,目前支持上下左右无缝滚动,单步滚动,及支持水平方向的手动切换功能,本节介绍,vue添加 vue-seamless-scroll实现自动无缝滚动的效果,并对应添加点击事件
    2023-01-01
  • vue项目nginx二级域名配置方式

    vue项目nginx二级域名配置方式

    这篇文章主要介绍了vue项目nginx二级域名配置方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • Vue首页加载白屏原因以及10种解决方法汇总

    Vue首页加载白屏原因以及10种解决方法汇总

    这篇文章主要介绍了Vue首页加载白屏原因以及10种解决方法汇总,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • Vue Router中Matcher的初始化流程

    Vue Router中Matcher的初始化流程

    这篇文章主要介绍了Vue Router中Matcher的初始化流程,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04

最新评论