如何在 JavaScript 中调试 GraphQL 解析器？

Question

我正在关注howtographql.com上的教程，它创建了一个非常基本的 GraphQL 服务器，其中包含内存数据和用 JavaScript 编写的解析器。我一直遇到问题，我希望能够在解析器中放置一个断点，但是当我运行 GraphQL 游乐场 GUI 时，我在 DevTools 的源面板中看不到任何东西，并且在代码中放置debugger行也不会阻止它。

如何调试我的解析器？

图式

type Mutation {
  updateLink(id: ID!, url: String, description: String): Link
}

解析器（我使用的是 immutable.js 的 Map；可能不正确）

let links = [
  {
    id: "link-0",
    url: "www.howtographql.com",
    description: "Fullstack tutorial for GraphQL",
  },
]

const resolvers = {
  Mutation: {
    updateLink(root, args) {
      const linkIndex = links.findIndex(link => link.id === args.id);
      const state = links.map(link => {
        debugger;
        if (link.id === args.id) {
          const map = Map(link);
          return map
            .set("url", args.url || link.url)
            .set("description", args.description || link.description);
        }
        return link;
      });
      links = state;
      return state[linkIndex];
    },
}

Answer 1

解析器在服务器上运行。 服务器的代码不会出现在DevTools的“源”面板中。 您必须使用IDE中的NodeJS调试器来调试解析器

Answer 2

您可以使用 VS Code 的自动附加功能：

1. 按照官方文档设置： https://code.visualstudio.com/docs/nodejs/nodejs-debugging#_auto-attach
2. 如果你 select “onlyWithFlag”，你需要用node --inspect index.js启动，文件index.js是你启动服务器的地方
3. 在解析器中设置调试点
4. 打开本地 GraphQL 资源管理器并运行一些查询，您将看到调试器已附加