GraphQL 游乐场未显示在 localhost:4000 上

如何解决GraphQL 游乐场未显示在 localhost:4000 上

问题总结

我是 GraphQL 世界的新手，我正在使用初学者脚本来启动服务器并访问本地主机上的游乐场。当我访问它时，我看到一个空白页面，其中包含单词 EOF 作为纯文本（文件结尾）。

我的尝试

• Unexpected while using graphql ，虽然这是查询创建过程中的错误（在我的情况下，我根本看不到操场）

索引js

import { GraphQLServer } from 'graphql-yoga'

//Type DeFinitions (Schema)
const typeDefs = `
type Query {
    hello: String!
}
`

//Resolvers
const resolvers = {
    Query: {
        hello(){
            return 'This is my first query!'
        }
    }
}

const server = new GraphQLServer({
    typeDefs,resolvers
})

server.start(()=>{
    console.log(`server is up on: ${server.options.port}`)
})

控制台输出

server is up on: 4000

Web 浏览器输出

EOF 显示为纯文本，控制台上没有任何特定的错误消息。

我的 package.json

{
  "name": "graphql-basics","version": "1.0.0","description": "","main": "index.js","scripts": {
    "start": "babel-node src/index.js","test": "echo \"Error: no test specified\" && exit 1"
  },"author": "","license": "ISC","dependencies": {
    "babel-cli": "^6.26.0","babel-preset-env": "^1.7.0","graphql-yoga": "^1.14.10"
  }
}