vue create 和 npm run serve 有不同的错误答案

【问题标题】：Having different errors with vue create and npm run servevue create 和 npm run serve 有不同的错误
【发布时间】：2021-09-10 19:55:18
【问题描述】：

我是 vue 新手，尝试使用 vue create 创建新项目并执行 npm run serve 时遇到不同的错误。

我已经尝试过重新安装 node 和 vue。更改了一些 PATH，但没有任何效果。

首先我创建了应用程序：

vue create routing-overview

然后我在最后部分得到了这个：

added 1259 packages from 656 contributors in 37.319s
????  Invoking generators...
????  Installing additional dependencies...

npm ERR! code EEXIST
npm ERR! path C:\Users\USER\Estudos\igti\m04-vue\routing-overview\node_modules\@babel\parser\bin\babel-parser.js
npm ERR! dest C:\Users\USER\Studies\m04-vue\routing-overview\parser
npm ERR! EEXIST: file already exists, cmd shim 'C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\@babel\parser\bin\babel-parser.js' -> 'C:\Users\USER\Studies\m04-vue\routing-overview\parser'
npm ERR! File exists: C:\Users\USER\Studies\m04-vue\routing-overview\parser
npm ERR! Remove the existing file and try again, or run npm
npm ERR! with --force to overwrite files recklessly.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\USER\AppData\Roaming\npm-cache\_logs\2021-09-10T19_38_16_412Z-debug.log
 ERROR  command failed: npm install --loglevel error

在 VS Code 上打开项目文件夹我在第一次导入 main.js 时出现此错误：

Parsing error: Cannot find module 'babel-eslint'
Require stack:
- C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\vue-eslint-parser\index.js
- C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\eslint-plugin-vue\lib\utils\index.js
- C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\eslint-plugin-vue\lib\rules\array-bracket-newline.js
- C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\eslint-plugin-vue\lib\index.js
- C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\eslint\lib\cli-engine\config-array-factory.js
- C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\eslint\lib\cli-engine\cascading-config-array-factory.js
- C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\eslint\lib\cli-engine\cli-engine.js
- C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\eslint\lib\cli-engine\index.js
- C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\eslint\lib\api.js
- c:\Users\USER\.vscode\extensions\dbaeumer.vscode-eslint-2.1.25\server\out\eslintServer.js

当我尝试 npm run serve 时，我遇到了另一个错误：

> routing-overview@0.1.0 serve C:\Users\USER\Studies\m04-vue\routing-overview
> vue-cli-service serve

internal/modules/cjs/loader.js:892
  throw err;
  ^

Error: Cannot find module '@vue/cli-plugin-babel'
Require stack:
- C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\@vue\cli-service\lib\Service.js
- C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\@vue\cli-service\bin\vue-cli-service.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15)        
    at Function.Module._load (internal/modules/cjs/loader.js:745:27)
    at Module.require (internal/modules/cjs/loader.js:961:19)
    at require (internal/modules/cjs/helpers.js:92:18)
    at idToPlugin (C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\@vue\cli-service\lib\Service.js:145:14)
    at C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\@vue\cli-service\lib\Service.js:184:20
    at Array.map (<anonymous>)
    at Service.resolvePlugins (C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\@vue\cli-service\lib\Service.js:170:10)
    at new Service (C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\@vue\cli-service\lib\Service.js:32:25)
    at Object.<anonymous> (C:\Users\USER\Studies\m04-vue\routing-overview\node_modules\@vue\cli-service\bin\vue-cli-service.js:15:17) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\USER\\Studies\\m04-vue\\routing-overview\\node_modules\\@vue\\cli-service\\lib\\Service.js',
    'C:\\Users\\USER\\Studies\\m04-vue\\routing-overview\\node_modules\\@vue\\cli-service\\bin\\vue-cli-service.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! routing-overview@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the routing-overview@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\USER\AppData\Roaming\npm-cache\_logs\2021-09-10T19_48_28_445Z-debug.log

这就是我在 package.json 上的内容：

{
  "name": "routing-overview",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

我不知道是什么问题。非常感谢任何帮助。

【问题讨论】：

忘记通知了：npm: 6.14.15 node: v14.17.6 vue: @vue/cli 4.5.13
Deps 未正确安装。删除 node_modules 并重新安装

标签： vue.js npm

【解决方案1】：

尝试运行：

$ npm install

在您的 package.json 文件的同一文件夹中，然后再试一次。

【讨论】：

做到了，但我的帖子的第一个代码部分出现了同样的错误

【解决方案2】：

您是否尝试过更新 npm 和 node 版本？您可能需要更新它们。此外，您可以尝试清理 npm 缓存数据：npm cache clean --force 。或者您可以通过找到 appData 文件夹然后 \npm-cache 文件夹并删除它来手动执行此操作。然后尝试再次运行vue create routing-overview

【讨论】：

也这样做了。删除了 \npm-cache，但在尝试创建时，我的帖子的第一个代码部分出现了同样的错误

【解决方案3】：

我能够解决问题，甚至不知道到底出了什么问题。

我从我的 PC 上卸载了 vue，然后卸载了 Node。在那之后，我在this post 的 cmets 之后从我的 PC 中删除了任何 node 或 npm 痕迹。

然后再次安装 Node 和 @vue/cli。使用npm init 创建了一个新的package.JSON，现在一切正常。

感谢您的帮助！

【讨论】：