跟着howtographql教程，如何调试JavaScript GraphQL解析器？

我之前在搭GraphQL服务器的时候也碰到过一模一样的问题——浏览器里开着Playground，DevTools里死活找不到解析器的代码，加了debugger也没反应。其实核心原因是：你的GraphQL服务器是运行在Node.js进程里的，而Playground的DevTools属于浏览器进程，两者完全独立，所以直接在浏览器DevTools里看不到Node的代码。给你几个亲测有效的调试方案：

方案一：用Node.js内置调试命令启动服务器 #

把你原来启动服务器的命令（比如node server.js）改成：

node --inspect-brk server.js

这个命令会让服务器启动时立刻暂停，然后你打开Chrome浏览器，输入chrome://inspect，在页面里找到你的Node进程（通常会显示target (server.js)），点击「inspect」按钮。

这时候会弹出一个新的DevTools窗口，这个窗口是连接到Node.js进程的，你可以在Sources面板里找到你的解析器代码，设置断点，然后回到Playground发送请求，断点就会正常触发了。

方案二：用VS Code直接调试 #

如果你用VS Code开发，这个方法更顺手：

1. 在项目根目录创建.vscode/launch.json文件，内容如下：

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "启动GraphQL服务器",
      "program": "${workspaceFolder}/server.js" // 替换成你的服务器入口文件路径
    }
  ]
}

2. 打开你的解析器代码，点击行号左侧设置断点；
3. 点击VS Code左侧的「运行和调试」面板，选择刚才配置的「启动GraphQL服务器」，点击启动按钮；
4. 服务器启动后，在Playground发送请求，VS Code就会自动停在你设置的断点上，直接就能调试了。

方案三：用debugger语句配合调试启动 #

如果你习惯在代码里加debugger标记，只要用带调试参数的命令启动服务器：

node --inspect server.js

然后打开chrome://inspect连接到Node进程，当代码执行到debugger语句时，调试器就会自动暂停，不需要手动设置断点。

另外补充一下：别再盯着Playground的DevTools啦，那只能调试Playground本身的前端代码，你的解析器逻辑都在Node后端进程里，必须用Node的调试工具才能抓到~

内容的提问来源于stack exchange，提问作者redOctober13