【问题标题】:Debug Sapper server side调试 Sapper 服务器端
【发布时间】:2021-01-31 23:46:45
【问题描述】:

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

screenshot

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

【问题讨论】:

    标签: svelte sapper


    【解决方案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 关键字开始,因为这个工具中的断点往往非常不稳定......)

    【讨论】:

      【解决方案2】:

      要让@rixo 的建议在 Windows 10 机器上运行,我必须执行以下操作:

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

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

      然后我可以运行

      npm run debug_server
      

      从命令行。

      【讨论】:

        【解决方案3】:

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

        在底部,(在 vscode 中)我转到 terminal 并运行 npm run dev

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

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

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2012-06-17
          • 2021-05-21
          • 2021-01-31
          • 2015-03-20
          • 2017-09-12
          • 1970-01-01
          相关资源
          最近更新 更多