sourcemap在Angular 2应用程序上没有使用Webpack的firefox

时间:2016-10-11 08:19:48

标签: javascript firefox typescript webpack source-maps

我想使用这个yeoman生成器来创建anuglar 2应用程序(使用Webpack):https://github.com/shibbir/generator-angular2-typescript

但是我遇到了源图问题。我无法在Firefox控制台上看到.ts行号。我所看到的是这样的“链接”:view-source:http://localhost:3000/app.js line 265 > eval 如果我点击控制台上的行号,我会看到一个错误页面,上面写着Cannot GET /app.js%20line%20265%20%3E%20eval并发出警告“找不到指定的行”(这并不奇怪,因为“文件”只有1行长)。
使用此项目也发生了同样的事情:https://github.com/AngularClass/angular2-webpack-starter

在Chrome上,它们都能正常工作,并且控制台上的行号正确指向.ts文件

在互联网上看,我发现Firefox上有一些带有源图的错误,但它大约是版本45左右并且修复了(现在使用Firefox 49)

1 个答案:

答案 0 :(得分:4)

您需要 Firefox 50 ,并且您需要手动启用Sourcemaps。

  

目前默认情况下禁用源地图支持。要启用它,请访问about:config,找到偏好devtools.sourcemap.locations.enabled并将其设置为 true

https://developer.mozilla.org/en-US/docs/Tools/Web_Console/Console_messages#Source_maps