未捕获的TypeError：无法解析模块说明符“ ...”。相对引用必须以“ /”、“./”或“ ../”开头。在（索引）：1

Question

错误消息的堆栈跟踪仅显示“（（index）：1“）。

如何找出错误的真正出处？

我试图启用“例外时暂停”功能，但这不起作用。

我也尝试添加

pdfMake.createPdf(docDefinition)

在<script>console.log('Before loading XYZ')</script> 个元素之间，但这些元素按顺序执行，而错误发生在异步加载的脚本中。

我的目标是创建一个最小的示例，将该示例发送给Chromium，以便他们改善错误消息。

我正在尝试加载Vue组件，并且在加载vue.js之后发生错误（我知道，因为我在<script src="..."行的vue.esm.browser.js底部有一个断点）。 / p>

Chrome 77

Answer 1

我发现了两种方法：

1. 比较哪些脚本已加载到“网络”选项卡中以及哪些脚本可以在“源”选项卡中看到。带有错误的代码将在“来源”标签中丢失。
2. 在要加载的每个脚本的开头添加console.log('...');。导入中断的脚本将不进行任何日志记录。

通常，寻找像这样按模块名称/说明符导入的脚本：

import Vue from "vue";

代替按路径加载：

import Vue from "./vue.js";

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