https://i.stack.imgur.com/GPmVm.pngI'm currently setting up a GraphQL Schema using Express, but I'm facing an issue where Graphiql is not recognizing the schema. When I execute a query, it prompts me to provide a query string. Below is my code. Can anyone identify any mistakes? The console does not show any errors and the documentation explorer displays a spinning loading circle indefinitely. Could this be causing an infinite loop somehow?
Here is the schema:
const graphql = require('graphql');
const _= require('lodash');
const { GraphQLObjectType, GraphQLString, GraphQLSchema } = graphql;
//dummy data
var books = [
{name: 'book1', genre: 'genre1', id: '1'},
{name: 'book2', genre: 'genre2', id: '2'},
{name: 'book3', genre: 'genre3', id: '3'}
]
const BookType = new GraphQLObjectType({
name: 'Book',
fields: () => ({
id: {type: GraphQLString},
name: {type: GraphQLString},
genre: {type: GraphQLString}
})
});
const RootQuery = new GraphQLObjectType({
name: 'RootQueryType',
fields: {
book: {
type: BookType,
args: {id: {type: GraphQLString}},
resolve(parent, args) {
//code to get data from db / other source
return _.find(books, {id: args.id});
}
}
}
});
module.exports = new GraphQLSchema({
query: RootQuery
})
And here is the server setup:
const express = require("express");
const bodyParser = require("body-parser");
const app = express();
require("dotenv").config();
const axios = require("axios");
const {graphqlHTTP} = require('express-graphql')
const schema = require('./schema/schema')
// set up our middleware
app.use(bodyParser.urlencoded({ extended: true }));
app.use(express.static("server/public"));
app.use('/graphql', graphqlHTTP({
schema,
graphiql: true,
}));
//loading on port 5000
const PORT = process.env.PORT || 5000;
app.listen(PORT, () => {
console.log("Server running on: ", PORT);
});