javascript - 未捕获的 TypeError : Failed to resolve module specifier "...". 相对引用必须以 "/"、 "./"或 "../"开头。在(索引):1

Question

错误消息的堆栈跟踪只是说“(索引):1”。

我怎样才能找出错误真正发生在哪里？

我尝试启用“在异常时暂停”，但这不起作用。

我也尝试添加

<script>console.log('Before loading XYZ')</script>

<script src="..."之间元素，但这些元素是按顺序执行的，而错误发生在异步加载的脚本中。

我的目标是创建一个可以发送到 Chromium 的最小示例，以便他们可以改进错误消息。

我正在尝试加载一个 Vue 组件，并且在加载 vue.js 之后发生错误(我知道是因为我在 vue.esm.browser.js 行的 Vue.compile = compileToFunctions; 底部有一个断点)。

Chrome 77

Answer 1

我找到了两种方法:

比较在“网络”选项卡中加载了哪些脚本，以及在“源”选项卡中可以看到哪些脚本。 “来源”选项卡中将缺少有错误的那个。

添加 console.log('...');到您正在加载的每个脚本的开头。导入中断的脚本不会进行任何日志记录。

通常，查找按模块名称/说明符导入的脚本，如下所示:

import Vue from "vue";

而不是通过路径加载:

import Vue from "./vue.js";

模块说明符不包含 /他们没有扩展名。它们在节点等环境中工作，但不在浏览器中。另见: module specifier in es6 import and export