Webstorm 调试 - Coffeescript 断点未命中答案

【问题标题】：Webstorm debugging - Coffeescript breakpoint not hitWebstorm 调试 - Coffeescript 断点未命中
【发布时间】：2013-11-24 21:47:09
【问题描述】：

我正在尝试使用 Webstorm 和 Chrome 调试咖啡脚本代码。编译和源图生成由coffee-script-redux完成。

main.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="main.js"></script>
</head>
<body>Hello World!</body>
</html>

主咖啡

f = 1

main.js

// Generated by CoffeeScript 2.0.0-beta7
void function () {
  var f;
  f = 1;
}.call(this);

//# sourceMappingURL=main.js.map

main.js.map

{
    "version":3,
    "file":"unknown",
    "sources":["stdin"],
    "names":["f"],
    "mappings":"AAAA;;;EAAAA,CAAA,GAAI"
}

当我打开 main.html 并单击“调试 main.html”时，它将在 Chrome 中打开页面（JetBrains IDE 支持 chrome 扩展与 Webstorm 连接）。但是coffescript文件中的断点没有命中，也没有红圈上的箭头。

注意：我可以毫无问题地调试生成的 javascript 文件。

使用 Webstorm 7.0.2、Chrome 31.0.1650.48 m、JetBrains IDE 支持 1.27

【问题讨论】：

标签： debugging coffeescript webstorm

【解决方案1】：

请使用标准的coffeescript 编译器而不是redux - 如果涉及源映射，它会做得更好。这是用它制作的地图的样子：

{
  "version": 3,
  "file": "main.js",
  "sourceRoot": "",
  "sources": [
    "main.coffee"
  ],
  "names": [],
  "mappings": ";AAAA,CAAA,GAAA;;AAAA,CAAA,EAAI"
}

“文件”和“来源”都是已知的，而且生成的 URL 注释更符合规范

还请注意，由于已知问题，您的代码中的断点在 WebStorm 7 中不起作用：源映射支持的断点在页面加载之前不起作用。该问题已在 WebStorm 8 每日构建中得到修复。请投票给http://youtrack.jetbrains.com/issue/WEB-6413，以便在任何更新时收到通知

【讨论】：