Vue.js 路由器错误:devtools-api 适当的加载器

Posted

技术标签:

【中文标题】Vue.js 路由器错误:devtools-api 适当的加载器【英文标题】:Vue.js router error: devtools-api appropriate loader 【发布时间】:2022-01-22 05:39:15 【问题描述】:

我是 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 Server (20.04) 上,并且在我被提示很有可能并认为这是一个好主意之后,曾经将 npm 本身从 6.14.x 升级到 8.xx。然后突然我得到了一堆漏洞,现在已经降级到 6.14.15。可能与它有关(?)。

【问题讨论】:

【参考方案1】:

遇到了同样的问题。将 Node 版本更改为 14.18.1 而不是 17.3.0(nvm 使用 14.18.1)。

【讨论】:

谢谢!解决了它

以上是关于Vue.js 路由器错误:devtools-api 适当的加载器的主要内容,如果未能解决你的问题,请参考以下文章

带有firebase身份验证的vue路由器错误

vue js中vue路由器的动态路由与strapi headless CMS - 路由器链接和href标签抛出错误

Vue.js 路由在身份验证检查后重定向之前短暂显示 404 错误消息

vue.js - 动态导入导致错误:当前未启用对实验语法“dynamicImport”的支持

Vue.js 路由器:历史模式和 AWS S3 (RoutingRules)

Vue.js 将 javascript 文件路由为索引页面