咖啡脚本源地图不适用于 Chrome 开发人员工具答案

【问题标题】：coffeescript sourcemaps not working with Chrome developer tool咖啡脚本源地图不适用于 Chrome 开发人员工具
【发布时间】：2013-07-17 19:33:26
【问题描述】：

我将 coffeescript 编译器配置为使用 IntelliJ 和 NodeJS 运行 map (-m)。我假设使用源映射我应该能够在 Chrome 开发人员工具中的咖啡脚本文件中进行调试。检查了启用源映射。我尝试打开任何 .coffee 文件，但出现“无法获取 /path.../foo.coffee”错误。咖啡脚本文件在源资源管理器中所在的文件夹很奇怪。 ../../../../../Web/src/test/webapps/installManager

我认为它反映了地图上的内容。

"sourceRoot": "../../../../..",
"sources": [
   "Web/src/test/webapps/installManager/app.coffee"
],

我的 js 文件中确实有 sourceMappingURL。 /* //@sourceMappingURL=Common.map */

以下是我运行 Coffeescript 编译器的配置：

应用参数： -cwm /home/repository/svn/ding/Web/src/test/webapps

既然地图现在可用，为什么 Chrome 不能获取咖啡文件？是因为 sourceRoot 中的路径和地图中的来源吗？

我能够在 Chrome canary 中添加工作区并对其进行映射，甚至进行双向编辑，但我仍然无法调试（可以设置断点，但调试器从未在断点处停止）。

谢谢

【问题讨论】：

我也有同样的问题：我可以在 /scripts 文件夹中的文件中放置断点，但不能在 /scripts/controllers 中放置断点。奇怪

标签： coffeescript google-chrome-devtools source-maps

【解决方案1】：

我解决了我的问题 - 都是在 js 咖啡和地图文件之间的交叉引用中。一旦我配置它，以便将转译的 .js 放在咖啡旁边（和地图，它就会把它捡起来。

【讨论】：