javascript - 如何从 require.js 错误中获取行号？

Question

这个问题困扰了我一段时间，但我一直没能找到解决办法。当我的某个脚本出现错误时，例如语法错误，Chrome 的控制台不会给我非常有用的错误消息。

例如，在一个名为 example.js 的简单脚本中，我正在调用一个名为 whatever() 的函数，该函数不存在:

define(function(require){
  'use strict';

  whatever();
});

我在 Chrome 中的控制台错误状态:

ReferenceError: whatever is not defined(…)                 require.js:901

我期待 ReferenceError 但 require.js 的第 901 行只是一些负责抛出错误的代码。此外，堆栈跟踪没有显示任何有用的信息；它还仅引用 require.js 中的行。我注意到 Firefox 的检查器确实在堆栈跟踪中显示了问题的实际位置，这很有帮助，但我更喜欢在 Chrome 中开发。

有没有办法让控制台错误指向实际问题所在的行号和文件？我宁愿看到:

ReferenceError: whatever is not defined(…)                 example.js:4

我看过 this question和其他类似的听起来很相似，但我还没有找到任何适用于这种确切情况的方法，也没有找到与 requirejs 一起解决此问题的代码。也许我可以以某种方式修改 requirejs.onError？

Answer 1

你有没有尝试追加

//# sourceURL=example.js

在评估脚本的末尾？调试器会将代码理解为源自 example.js 文件，而不是源自对其进行评估的脚本。

你确定 Require.JS 不支持开箱即用？我在 GitHub 上发布了我自己的“Javascript DNA”异步加载器/依赖解析器，它会自动执行它并且非常简单所以我猜 require.js 已经有类似的东西了......