Debugging 在WebStorm 7中调试时未命中类型脚本断点_Debugging_Typescript_Breakpoints_Webstorm

Debugging 在WebStorm 7中调试时未命中类型脚本断点

debugging typescript webstorm

Debugging 在WebStorm 7中调试时未命中类型脚本断点,debugging,typescript,breakpoints,webstorm,Debugging,Typescript,Breakpoints,Webstorm,我正在使用Typescript SDK 0.9.1.1和WebStorm 7。我有一个.ts文件，其中一个文件监视程序正在传输它的.js和sourcemap文件。我还有一个HTML文件，看起来像这样 <!DOCTYPE html> <html> <head></head> <body> <p id="output">5</p> <script src="HelloWorld.js">&

我正在使用Typescript SDK 0.9.1.1和WebStorm 7。我有一个.ts文件，其中一个文件监视程序正在传输它的.js和sourcemap文件。我还有一个HTML文件，看起来像这样

<!DOCTYPE html>
<html>
<head></head>
<body>
    <p id="output">5</p>
    <script src="HelloWorld.js"></script>
    <script>
        var u = new Utils();
        document.getElementById('output').innerHTML = u.plusOne(5);
    </script>
</body>
</html>


5
var u=新的Utils（）；
document.getElementById（'output'）.innerHTML=u.plusOne（5）；

plusOne函数只取数字（在本例中为5）并返回该数字加1。我的页面、javascript和Typescript工作正常，因为加载时页面显示“6”

我可以在.js文件中设置断点，它们会被命中（显示Typescript文件的等效行），但如果我在原始的.ts文件中设置断点，它们就不会被命中。我已经搜索过这个问题，但我的问题似乎与其他问题不同——我在本地（而不是远程）运行，我在WebStorm中设置断点，而不是Chrome的调试视图

在WebStorm中，“脚本”选项卡仅显示.js和.html文件。我应该在这里看到更多吗？如果这是问题所在，我该如何解决？我已经打开了调试配置，但是我没有看到在那里添加.ts文件的方法。

结果表明这是由于WebStorm中的错误。实际上，解决方法是从浏览器重新加载HTML页面（这与从WebStorm以调试模式重新运行HTML页面不同）。如果您这样做，那么.ts文件中的断点将被命中。

对于通过谷歌到达这里的人：

我所要做的就是确保在我的

tsConfig.json

中

sourceMap

设置为

true

，如下所示：

{
  ...
  "compilerOptions": {
    ...
    "sourceMap": true,
    ...
  },
  ...
}

嗯，这里也有同样的问题，但没有让它发挥作用。让Webstorm停止的唯一方法是在代码中键入“debugger；”，但这仍然只会让我看到.js文件，而不是.ts文件