问题标签 [source-maps]

我有一个window.onerror将 JavaScript 错误发送到我们的服务器的处理程序。我希望通过使用源映射将缩小源中的错误链接回原始代码来分析这些，但 Chrome 和 Firefox 似乎只提供错误行号。据我所知，如果没有列号，源映射就没有用。

那么，给定缩小源的行号和表单的错误消息，x is undefined我可以采取哪些步骤进行调试？

（如果有什么不同，我使用的是 Rails 3.2 中的资产管道）。

我正在使用一些缩小的 JavaScript 代码，并且真正受益于使用源映射进行调试。在 Chrome 中，启用源映射没有问题，它们目前正在为我工​​作。

我目前被迫使用 Safari 开发工具来做这方面的一些工作，而且我一生都无法弄清楚在 Safari 中启用源映射。我没有运气谷歌搜索它。

有没有人成功地在 Safari 中为 JavaScript 启用源映射？我正在使用最新版本 6.0.4。

我很难在 Chrome 开发工具中进行 TypeScript 调试。我已经为我的所有 .ts 文件生成了源映射，并且 javascript 看起来是正确的，但是 Chrome 只加载 index.html 中引用的 js 文件并忽略所有模块。这有点道理，因为 Typescript 编译器似乎没有对我的模块做任何事情。如果有人可以在下面的示例中解释我做错了什么，那就太好了。

我的项目设置是这样的：

公司.ts

用户.ts

应用程序.ts

索引.html

编译器命令

tsc --sourcemap --target ES5 --module commonjs file.ts

当我在 Chrome 中打开 index.html 并打开 Sources 面板 Chrome Dev Tools 时，它会显示 app.js 和 app.ts，但不会显示其他 .ts 模块。所以 app.ts 的源映射正在工作，但我如何加载其他模块以便它们可以在 Chrome 中调试？

在 Google Chrome 中已经有 JS 和 CSS、CoffeeScript 等的源图，而 Paul Irish 刚刚使用源图演示了 SASS。

这是一种将开发源文件映射到浏览器中的编译结果以允许导航回源的技术。

那么，现在有 HTML 的源图吗？Jade、Slim 等语言确实需要这样的功能，以便人们可以更轻松地调试它们。

我将 CoffeeScript 与 Node.js 一起使用。我希望能够调试弹出的 JavaScript 错误/异常，但这些错误的行号来自生成的 JavaScript 代码，而不是来自 CoffeeScript 源，所以我无法确定 CoffeeScript 中错误的实际位置是。

无论如何我可以调试这个吗？我有最新版本的 node.js，版本0.10。

源映射对于调试最小化脚本或翻译语言（例如 CoffeeScript）非常有帮助，但浏览器提供的输出很少，无法解决映射不起作用的原因。有没有人有一个清单可以用来找出你的映射出错的地方。现在我的设置在我的本地开发环境中工作，但是当尝试将它部署到我们的登台服务器时“它不起作用”。

我已经验证的事情在我的本地环境和暂存环境之间是相同的：

1. 在检查器设置中启用源映射
2. package.min.js 文件由 /js 提供
3. package.min.js 包含同一//@ sourceMappingURL=package.min.js.map行
4. uglify-js2生成的缩小源码+源码图
5. 原始文件可在 /js 中访问

我可以看到的一个区别是生成的源映射的大小略有不同，并且源映射哈希的源属性中的文件的顺序略有不同。但是源映射非常大，因此验证它实际上并没有显着差异并非易事。

格式或库是否有一些不错的功能可以从字节码的某些部分转到它最初来自的代码行？这显然对调试和错误消息很有用。

特别是，我正在研究向js_of_ocaml添加对源映射的支持有多难。

我无法在 grunt 中使用很多 contrib-sass 功能。一天前我潜入了咕噜声，我发现它真的很好。

链接到 contrib-sass repo，它说 sourcemaps 应该工作： https ://github.com/gruntjs/grunt-contrib-sass/commit/e85ee70ccb8839867172b57ca1378293291f8037

注意：我有 sass 最前沿，如果我使用这个功能可以正常工作：sass --watch --scss --sourcemap --no-cachewith google chrome canary sourcemaps and Sass stylesheet debugging

这是我的 Gruntfile.js：

顺便说一句，正如我所说，我对 grunt 完全陌生，如果您在我的代码中发现其他不好的做法，请告诉我。也总是欢迎用于前端工作的伟大插件名称，我看到有很多，但只有一些 contrib 是熟悉的。

注意：不知何故，很多 sass 选项都不起作用，例如：noCache、lineNumbers、debugInfo、outputStyle:'compact'、'expanded'（压缩，嵌套工作 oO）

〜埃

源映射使得在浏览器中调试 CoffeeScript 代码变得非常容易。现在不能没有它！

我将 Q 用于 Promise，不幸的是，当 Promise 中出现错误时，Q 返回原始跟踪堆栈。

有没有办法在它的“源映射”对应部分中转换默认堆栈跟踪？

谢谢！:)

如何使用生成的源映射调试 CoffeeScript？我需要包含地图文件吗？我还需要做什么？我目前包括编译后的 JS 文件和地图文件，但我的 Firefox 调试器似乎没有做任何特别的事情......