在 WebStorm 6 的调试器面板中，我看到：
我必须做什么才能使这些断点起作用？
问问题
3505 次
3 回答
3
我发现在我需要实际到达断点之前的某个位置使用“调试器”就足以让它真正用于“本地”调试会话。没有它，我做什么都没关系，webstorm-running-node 引擎只会简单地运行我的 javascript，完全忽略断点。
这是一个虚拟示例。我无法让调试器在第 20 行的断点处停止。我放入了“调试器；” 进入它上面，一切又开始工作了。如果我把它拿出来，它就会停止工作，这很痛苦，但它让我现在可以继续我的工作。当我进行部署时，迟早我会不小心把其中一个留在里面......：\
于 2013-05-22T01:01:09.360 回答
1
您必须使用删除调试，并且必须为调试配置中的 url 提供映射，以便 webstorm 可以找到文件。
这可以通过“运行”/“编辑配置...”来完成。在那里单击您的项目基础目录并双击右侧以输入文本。
如果您的文件在例如 in"mydir/html/workspace/Project/"并且可以通过"http://localhost/Project"然后输入"http://localhost/Project/".
您会注意到，现在当您单击日志条目时，打开的文件是您的本地文件，您可以在以前是远程文件时对其进行编辑。
于 2013-08-21T17:12:45.910 回答
0
我正在使用 Webstorm 2019.2，并且能够为使用create-react-app创建的基本反应应用程序设置断点调试，如下所示：
- 运行 npm start 让应用程序在开发模式下运行。您可以在终端中执行此操作，也可以通过在 WebStorm 的 npm 工具窗口中双击任务来执行此操作。
在 WebStorm 中创建一个新的 JavaScript 调试配置（菜单运行 - 编辑配置... - 添加 - JavaScript 调试）。将http://localhost:3000/粘贴到 URL 字段中。
- 非常重要：选中“确保在加载脚本时检测到断点”框，因为默认情况下它没有被选中，而且我的断点在没有它的情况下不起作用。
单击确定关闭运行/调试配置
设置一些断点
从播放按钮旁边的下拉框中选择新的运行配置
按播放按钮旁边的错误按钮
一旦 Web 浏览器启动并且您到达有断点的代码，断点现在应该触发
其中一些来自在 WebStorm 中使用 Create React App 创建的调试 React 应用程序
有关一个非常好的演示，请参阅在 WebStorm 和 Chrome 中调试 JavaScript：创建调试配置，但不要忘记上面非常重要的步骤。
于 2019-10-18T03:32:54.117 回答