Vue.js router error: devtools-api appropriate loader

Question

我是 vue 和那些类型的网络服务器的新手，所以请原谅我。在我安装 vue-router 之前，我的项目很好，但是在我安装它之后，我在任何新的 vue 项目（使用 vue cli 创建）中遇到了这个非常奇怪的错误：

 ERROR  Failed to compile with 1 error                                                                                                                                                           4:52:15 PM

 error  in ./node_modules/@vue/devtools-api/lib/esm/proxy.js

Module parse failed: Unexpected token (3:10)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import { HOOK_PLUGIN_SETTINGS_SET } from './const';
| export class ApiProxy {
>     target;
|     targetQueue;
|     proxiedTarget;

 @ ./node_modules/@vue/devtools-api/lib/esm/index.js 3:0-35 14:40-48
 @ ./node_modules/vue-router/dist/vue-router.esm-bundler.js
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://10.8.0.1:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

我什至不知道这意味着什么，也不知道如何开始修复它。由于它发生在任何新的 vue 项目中，我的工作假设是，我以某种方式弄乱了我的全局 npm 包（或 npm 本身）。对于上下文，我在 Ubuntu 服务器 (20.04) 上，一旦我被提示非常有可能并且认为这是一个很好的可能性之后，一旦将 npm 本身从 6.14.x 升级到 8.x.x主意。然后突然我得到了一堆漏洞，现在已经降级到 6.14.15。可能与它有关（？）。

Answer 1

遇到同样的问题。将节点版本更改为 14.18.1 而不是 17.3.0（nvm 使用 14.18.1）。

Vue.js router error: devtools-api appropriate loader

Vue.js router error: devtools-api appropriate loader

javascript

webpack

vue.js

vue-router