javascript - GraphQL 无法读取未定义的属性“查询”

Question

当我知道我的定义是正确的时，我无法弄清楚为什么我会得到一个未定义的查询。graphiQL正在毫无问题地接受我的计划：

自动完成工作正常：

ctrl+enter输入所有字段后，请参见上文。

然后我执行查询，我会得到：

{
  "errors": [
    {
      "message": "Cannot read property 'query' of undefined",
      "locations": [
        {
          "line": 1,
          "column": 3
        }
      ],
      "path": [
        "allAwards"
      ]
    }
  ],
  "data": {
    "allAwards": null
  }
}

npm 运行 graphql

"graphql": "nodemon -r dotenv/config --experimental-modules --inspect=[9222] graphql_server.js",

graphql_server.js

import express from 'express'
import pg from 'pg'
import graphqlHTTP from 'express-graphql'
import PAS from 'postgraphile-apollo-server'
import AP from 'apollo-server-express'

const { makeSchemaAndPlugin } = PAS
const { ApolloServer } = AP

const env = process.env.NODE_ENV || 'development'
const dbHost = process.env.DB_HOST
const dbPort = process.env.DB_PORT
const dbName = process.env.DB_NAME
const dbUser = process.env.DB_USER
const dbPwd = process.env.DB_PWD
const dbUrl = dbPwd
  ? `postgres://${dbUser}:${dbPwd}@${dbHost}:${dbPort}/${dbName}`
  : `postgres://${dbHost}:${dbPort}/${dbName}`

const pgPool = new pg.Pool({
  connectionString: dbUrl,
})

async function main() {
  const { schema, plugin } = await makeSchemaAndPlugin(
    pgPool,
    'public', // PostgreSQL schema to use
    {
      // PostGraphile options, see:
      // https://www.graphile.org/postgraphile/usage-library/
    }
  )

  const server = new ApolloServer({
    schema,
    plugins: [plugin],
  })
  const app = express()

  app.use(
    '/graphql',
    graphqlHTTP({
      schema: schema,
      graphiql: true,
    })
  )

  server.applyMiddleware({ app })

  app.listen({ port: 4000 }, () => console.log(` Server ready at http://localhost:4000${server.graphqlPath}`))
}

main().catch(e => {
  console.error(e)
  process.exit(1)
})

目前在 psql db 中也有 2 行用于奖励

Answer 1

你不应该在你的 express 应用程序中express-graphql使用中间件。apollo-server因为postgraphile-apollo-server明确地与 ApolloServer 一起工作，所以完全放弃express-graphql。拥有这两个中间件可能会导致意外问题，因为它们在相同的路径上侦听。

Apollo 放弃了 GraphiQL，转而使用 GraphQL Playground。如果你想在 Apollo 中使用 GraphiQL，你可以使用express-graphiql-middleware 之类的包。