graphql - GraphQL プレイグラウンドが localhost:4000 に表示されない

Question

問題の要約

私はGraphQLの世界では初めてです。初心者のスクリプトを使用してサーバーを起動し、ローカルホストのプレイグラウンドにアクセスしています。EOFそこにアクセスすると、プレーンテキスト (End Of File)という単語が表示された空のページが表示されます。

私が試したこと

• 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"
  }
}