【WebStorm 启动vue项目报错,错误代码:1080 throw err】

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 时无法找到相关的模块或文件。通常这是因为某些依赖丢失或配置不正确。

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

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

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

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

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

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

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

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

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