babeljs - Aurelia/Babel 6 sourcemaps 显示为 html

Question

我有一个 aurelia 应用程序更新到最新的测试版，1.0.0-beta.1.2.1在撰写本文时。这个版本的 aurelia 已经使用了 Babel 6，而我的应用是基于 ASP.NET 5 ES2016 navigation skeleton 的.

“突然之间”，每当我尝试在 Chrome 中打开未转译的 javascript 源文件时(版本 49.0.2623.110 m(64 位))开发人员工具，例如 main .js，我只能看到 Index.cshtml 的 html。
无论我尝试打开哪个 javascript 文件，它总是显示 Index.cshtml 的 html 而不是 javascript。

已转译的文件在 Chrome 开发工具中正确显示。

我以前遇到过这种情况，但这通常意味着我在某个地方遇到了绑定(bind)或模板错误，但在这种情况下，应用程序运行完美，所以它可能与源 map 有关......或者是吗？

我的问题是:

1. 追踪微妙绑定(bind)或模板化的最佳方式是什么 奥里利亚的错误？我在我的应用程序中尝试做的一切都有效 很好，但我还不想排除这是我自己的错。

2. 如果这不是我的错，以前有没有人遇到过这种情况？什么 是源 map 不起作用的原因；是奥蕾莉亚吗？是吗 巴别塔 6？ 是 Chrome 吗？

更新

这似乎不是 Chrome 的问题；同样的问题出现在 Edge 中。

更新2

通过关闭 Chrome 开发者工具上的 Enable javascript sourcemaps，我可以调试反编译代码。 我使用的转译 gulp 任务是从上述版本复制/粘贴的。

还有其他人遇到过这个问题吗？

Answer 1

好的，我想我已经找到问题了。

我在 build-system gulp 任务中为 sourcemaps.write 将 includeContent 更改为 true build\tasks\build.js，因此该文件的第 23 行如下所示:

.pipe(sourcemaps.write({ includeContent: true}))

这在导航框架中设置为 false，因此应该会有更多人遇到同样的问题。无论如何，这似乎解决了问题。

我还删除了该调用中的 sourceRoot: "/src" 参数，因为只有当 includeContent 为 false 时才需要它。