WebStorm angular-cli 不走断点?

Question

我用的WebStorm是2017.1.2版本，现在开发一个angular-cli项目，按照WebStorm官方的博客配置好了调试环境，但是死活不走断点，有朋友遇到过这样的问题吗，如何解决呢？

Answer 1

官方给出了解决方案了

• run ng eject

• change SourceMapDevToolPlugin configuration as follows:

new SourceMapDevToolPlugin({
            "filename": "[file].map[query]",
            "moduleFilenameTemplate":  info =>`webpack:///${info.resourcePath}`,
            "fallbackModuleFilenameTemplate": "[resource-path]?[hash]",
            "sourceRoot": "webpack:///"
        })

也就是运行ng eject然后在生成的webpack.config.js中找到键"moduleFilenameTemplate"将其对应的值替换成

info =>`webpack:///${info.resourcePath}`

就可以了

issue/WEB-27381

Answer 2

放弃webstorm……

放弃webstorm……

放弃webstorm……

请用VSCODE来编码Angular，关于DEBUG参考如何在VS CODE调试Angular