debugging - 如何使用 Chrome/Firefox 开发工具调试 svelte

标签 debugging google-chrome-devtools svelte

我正在尝试在网络的某些部分实现 Svelte,但无法使用 chrome devtools 对其进行调试。

我生成源映射来查看源代码精简组件,它让我添加断点,但在进行下一步时,调试器会中断并跳转行。

在示例中,调试器在点击处理程序的第一行停止,并且运行完美:可以看到变量值等。

enter image description here

但是,当单击“下一步”按钮转到 else 语句时,调试器会中断。

enter image description here

正如您所看到的,调试器在 ] 中停止,但它应该在第 9 行停止。如果您在该行中放置另一个断点,也会发生这种情况。

我知道我可以在模板中使用@debug,在javascript中使用console.log,但调试器更强大。

最佳答案

希望这对您有帮助

我没有看到调试器有任何错误。 由于 name 的值为 availableNames[0],因此它是“Christian”。

As you can see, the debugger is stopped in the ], but it should be stopped in the line 9

调试器不应在第 9 行停止,因为第 6 行满足条件,因此它将进入 if block 内部。

关于debugging - 如何使用 Chrome/Firefox 开发工具调试 svelte,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72784767/

相关文章:

python-3.x - Kivymd 对话框关闭

javascript - 在 Chrome 开发者工具中寻找特定的 javascript 变量值

html - 在不删除其子项的情况下删除 Chrome DevTools 中的 HTML 元素?

typescript - Svelte+TS+Eslint项目,eslint抛出错误: 'console' is not defined

node.js - Svelte/Sapper - 遇到与 Luxon 和 Lodash 构建相关的错误

svelte - 如何坚持 slim 的商店

python - 您如何找到打印语句所在的位置?

python - 如何对构成 Ansible 插件的代码进行故障排除?

linux - bashdb启动错误: bashdb/lib/setshow. sh:第91行:/dev/pts/2:权限被拒绝

debugging - Node 检查器 : Running Code - Not Just Stepping Through