Aurelia/Babel 6 个源地图显示为 html

Aurelia/Babel 6 sourcemaps shown as html

我有一个 aurelia 应用程序更新到最新的测试版,1.0.0-beta.1.2.1 at the time of this writing. This version of aurelia already uses Babel 6, and my application is based on the based on the ASP.NET 5 ES2016 navigation skeleton

"All of a sudden",每当我尝试在 Chrome(版本 49.0.2623.110 m(64 位)) 开发人员工具,例如 main.js,我所看到的只是 html of Index.cshtml.
无论我尝试打开哪个 javascript 文件, 它总是显示 Index.cshtml 的 html 而不是 javascript。

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

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

我的问题是:

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

  2. 如果不是我的错,有没有人遇到过这个?什么 是源地图不起作用的原因;是奥蕾莉亚吗?是吗 巴别塔 6? 是Chrome吗?

更新

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

更新 2

通过关闭 Chrome 开发人员工具上的 Enable javascript sourcemaps,我可以调试反编译代码。 我正在使用的转译 gulp 任务来自上述版本的 copy/pasted。

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

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

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

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

这在导航框架中设置为 false,因此应该有更多人遇到同样的问题。总之,这似乎解决了问题。

我还删除了那个调用中的 sourceRoot: "/src" 参数,因为只有当 includeContentfalse 时才需要它。