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_modules/.bin/sapper。

我们可以将--inspect或--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。

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

尚未尝试客户端，但服务器端运行良好。