【发布时间】:2021-01-31 23:46:45
【问题描述】:
我试图弄清楚如何调试服务器端以对默认 sapper 模板进行一些修改,我按照说明从文档中调试服务器端,并且 ndb 正确打开,但出现的唯一文件在 gui 中加载的是 webpack.config.js 文件:
我还需要配置其他东西来调试 server.js 文件吗?
【问题讨论】:
我试图弄清楚如何调试服务器端以对默认 sapper 模板进行一些修改,我按照说明从文档中调试服务器端,并且 ndb 正确打开,但出现的唯一文件在 gui 中加载的是 webpack.config.js 文件:
我还需要配置其他东西来调试 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。
调试器自动附加并且断点开始命中。
还没有尝试过客户端,但是服务器端工作得很好。
【讨论】: