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

相关文章

  • Vscode关闭Eslint语法检查的多种方式(保证有效)

    Vscode关闭Eslint语法检查的多种方式(保证有效)

    eslint是一个JavaScript的校验插件,通常用来校验语法或代码的书写风格,下面这篇文章主要给大家介绍了关于Vscode关闭Eslint语法检查的多种方式,文章通过图文介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • Vue如何导出页面为word格式

    Vue如何导出页面为word格式

    这篇文章主要介绍了Vue如何导出页面为word格式问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • 深度解析Vue3动态组件Component

    深度解析Vue3动态组件Component

    Vue 提供了一个组件 component 标签来动态的完成组件的切换,本文就来详细的介绍一下Vue3动态组件Component,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2026-03-03
  • 浅析Vue 和微信小程序的区别、比较

    浅析Vue 和微信小程序的区别、比较

    写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别,需要的朋友可以参考下
    2018-08-08
  • 如何使用Vue3+Vite+TS快速搭建一套实用的脚手架

    如何使用Vue3+Vite+TS快速搭建一套实用的脚手架

    Vite是一个面向现代浏览器的一个更轻、更快的 Web 应用开发工具,下面这篇文章主要给大家介绍了关于如何使用Vue3+Vite+TS快速搭建一套实用脚手架的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • vue3动态路由刷新出现空白页的原因与最优解

    vue3动态路由刷新出现空白页的原因与最优解

    页面刷新白屏其实是因为vuex引起的,由于刷新页面vuex数据会丢失,这篇文章主要给大家介绍了关于vue3动态路由刷新出现空白页的原因与最优解的相关资料,需要的朋友可以参考下
    2023-11-11
  • Element el-checkbox-group v-model不支持对象(object)解决方案

    Element el-checkbox-group v-model不支持对象(object)解决方案

    本文主要介绍了Element el-checkbox-group v-model不支持对象(object)解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • 使用vue开发移动端管理后台的注意事项

    使用vue开发移动端管理后台的注意事项

    这篇文章主要介绍了使用vue开发移动端管理后台的注意事项,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03
  • vue3 useRoute无法获取get参数的问题解决

    vue3 useRoute无法获取get参数的问题解决

    本文主要介绍了vue3 useRoute无法获取get参数的问题解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2026-03-03
  • Vue 2源码解析ParseHTML函数HTML模板

    Vue 2源码解析ParseHTML函数HTML模板

    这篇文章主要为大家介绍了Vue 2源码解析ParseHTML函数HTML模板详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08

最新评论