调试 Sapper 服务器端
Debug Sapper server side
我正在尝试弄清楚如何调试服务器端以对默认的 sapper 模板进行一些修改，我按照文档中的说明调试服务器端，ndb 正确打开，但唯一的文件在 gui 中显示加载的是 webpack.config.js 文件：
screenshot
我还需要配置其他东西来调试 server.js 文件吗？
文档中的 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 关键字开始，因为此工具中的断点往往非常脆弱...）
要让@rixo 的建议在 windows 10 机器上工作，我必须执行以下操作：
将以下内容添加到 package.json
的脚本部分
"debug_server": "node --inspect-brk node_modules/sapper/sapper dev"
那我可以运行
npm run debug_server
从命令行。
我终于以一种简单的方式完成了这项工作。
在底部，（在vscode）我去了terminal和运行npm run dev。
调试器自动附加并且断点开始命中。
尚未尝试客户端，但服务器端运行良好。
我正在尝试弄清楚如何调试服务器端以对默认的 sapper 模板进行一些修改，我按照文档中的说明调试服务器端，ndb 正确打开，但唯一的文件在 gui 中显示加载的是 webpack.config.js 文件：
screenshot
我还需要配置其他东西来调试 server.js 文件吗？
文档中的 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 关键字开始，因为此工具中的断点往往非常脆弱...）
要让@rixo 的建议在 windows 10 机器上工作，我必须执行以下操作：
将以下内容添加到 package.json
的脚本部分"debug_server": "node --inspect-brk node_modules/sapper/sapper dev"
那我可以运行
npm run debug_server
从命令行。
我终于以一种简单的方式完成了这项工作。
在底部，（在vscode）我去了terminal和运行npm run dev。
调试器自动附加并且断点开始命中。
尚未尝试客户端，但服务器端运行良好。