这个问题经常发生在使用 Angular、VS Code、Chrome 调试 PWA 时。它会显示“Unbound breakpoint”,并导致断点无法触发。
通常,这个问题的解决方法是在 Chrome 中打开开发者工具,然后手动添加断点。可以在 Chrome 中打开任何页面,打开开发者工具,然后在 Sources 面板中找到要调试的 TypeScript 文件。使用鼠标左键点击文件左侧的行号,以添加断点。这个断点现在应该是绑定的,可以正常工作。
代码示例:
在Chrome中打开PWA并打开开发者工具
在Chrome开发者工具中,在Sources面板中找到要调试的TypeScript文件
在需要添加断点的行上使用鼠标左键单击,在该行的左侧添加一个断点。
断点应该现在是绑定的,可以正常触发。
这是一个简单的解决方法,但应该能够解决大多数 Unbound breakpoint 的问题。如果问题仍然存在,请确保使用最新版本的 Angular、VS Code 和 Chrome,或者考虑重装这些应用程序。