debugging - 在 Sapper 服务器代码中设置断点——可行吗？

Question

我正在玩一个新的 Sapper 模板 ("sveltejs/sapper-template#webpack") 并想在 src/server.js 中设置一个断点使用网络 Storm 。设置断点很容易，但我无法让调试器在遇到断点时暂停执行。在我突然意识到由于 Svelte/Sapper 的工作方式，可能无法让它工作之前，我尝试了很多不同的东西，即编译器生成一组新文件，这些文件是实际执行的。因此，当我在“面向开发人员”的文件中设置断点时，效果为零，因为它是实际执行的生成文件。具体来说，我说的是面向开发人员的文件 src/server.js 文件和 __sapper__/dev/server/server.js 中生成的文件。

我看到一个 YouTube 视频，其中成功演示了我正在尝试做的事情:https://www.youtube.com/watch?v=x155wGkbKm8 .在视频中，作者使用 Sapper cli.js 作为驱动程序，使用 dev 作为参数——这就是当您运行 npm run dev 时发生的事情。但是，正如您将在视频中看到的那样，成功使用的 server.js 文件是 src/ 中的文件，而不是 中生成的文件__sapper__/build/server/。这对我来说没有意义。

所以，我的问题是:

1) 有没有其他人能够像我上面描述的以及视频中显示的那样在面向开发人员的 Sapper 用户代码上设置断点？如果有，你是怎么做到的？

2)如果不能像这样直接设置断点，是否可以使用生成的代码代替，但对构建步骤进行一些更改，使生成的代码更适合调试？

如果还有其他选择，我也有兴趣了解这些。谢谢!

Answer 1

启用 --inspect 运行 cli:

node --inspect node_modules/sapper/dist/cli.js dev

然后在浏览器中访问 chrome://inspect 打开调试器。

您可以在“源代码”选项卡中手动设置断点，也可以在代码中使用 debugger 关键字。