svelte - 调试 Sapper 服务器端

Question

我试图弄清楚如何调试服务器端以对默认 sapper 模板进行一些修改，我按照说明从文档中调试服务器端，并且 ndb 正确打开，但出现的唯一文件加载在gui 是 webpack.config.js 文件：

截屏

我还需要配置其他东西来调试 server.js 文件吗？

Answer 1

文档中的ndb方法在我的机器上也不起作用，所以我只是在老学校做。

中package.json，我们得知npm run dev实际运行sapper dev。

sapper可执行文件位于您的目录node_modules/.bin中，并且与 js 包中的大多数 cli 一样，可以使用 node 运行，如下所示node node_modules/.bin/sapper：

我们可以将--inspector--inspect-brk标志添加到节点以启动调试服务器：

node --inspect-brk node_modules/.bin/sapper dev

太好了，现在您需要启动节点的调试器。最简单的方法是启动 Chrome（是的浏览器），在您所在的任何页面上打开开发工具，然后单击开发工具中出现的绿色小节点图标：

会弹出节点调试器，然后……调试！

（也许从一些debugger关键字开始，因为断点在这个工具中往往非常不稳定......）

Answer 2

要在 Windows 10 机器上获得 @rixo 的建议，我必须执行以下操作：

将以下内容添加到 package.json 的脚本部分

"debug_server": "node --inspect-brk node_modules/sapper/sapper dev"

然后我可以跑

npm run debug_server

从命令行。

Answer 3

我终于以一种简单的方式完成了这项工作。

在底部，（在 vscode 中）我去terminal跑了npm run dev.

调试器自动附加并且断点开始命中。

还没有尝试过客户端，但服务器端工作得很好。