使用像 SystemJS 这样的模块加载器时，在 Safari 的 Web Inspector 中进行调试

我正在使用 es6 modules、TypeScript 和 SystemJS 作为模块加载器创建一个 Ionic 应用程序。这是我的设置：

tsconfig.json：

{
  "compilerOptions": {
    ...
    "target": "es5",
    "module": "system",
    ...
  }
}

索引.html：

<script src="lib/system.js"></script>
<script src="systemjs.config.js"></script>
<script>System.import('js/app.js')</script>

示例脚本（TypeScript）：

import {IConfig} from "./app-config";

export class ConfigLoader {
    ...
}

一切都在 Chrome 中运行良好。但是，当使用 Safari 的 Web Inspector 进行调试时，我不能在脚本中放置任何断点，因为 Web Inspector 只显示直接从 HTML 加载的脚本（通过脚本标签），而不是 XHR 加载的脚本（在我的例子中，通过 SystemJS） .这意味着我无法调试自己的脚本，这当然是不可接受的。

我尝试像以前一样使用 SystemJS 来解决这个问题，但也将脚本标签放在 html 中，如下所示：

<script src="lib/system.js"></script>
<script src="systemjs.config.js"></script>
<script src="js/app-config.js"></script>
 ... other app scripts
<script>System.import('js/app.js')</script>

但是，这不起作用，因为 SystemJS 似乎对此并不满意：

无效的 System.register 调用。匿名 System.register 调用只能由 SystemJS.import 加载的模块进行，而不能通过脚本标签进行。

如何在使用 SystemJS 的同时又能在 Safari 中调试？我正在寻找一种比“在每个脚本中放置一个调试器语句”更复杂的解决方案......