expressGraphQL is not a function

Question

I am learning GraphQL for my project using this tutorial: https://www.youtube.com/watch?v=ZQL7tL2S0oQ&ab_channel=WebDevSimplified

and I get the error:

TypeError: expressGraphQL is not a function
at Object.<anonymous>

I have already tried:

this solution: graphqlHTTP is not a function - the program crashes all the same with {} parentheses and without them
adding a semicolon after various lines

The code for now looks like this:

const express = require ('express')
const { expressGraphQL } = require('express-graphql')
const app = express();

app.use('/graphql', expressGraphQL({
    graphiql: true,
})
)
app.listen(5000., () => console.log('Server Running'))

If I comment out this section:

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

the code works perfectly fine both with {} parentheses and without them.

score 127 · Accepted Answer · answered Dec 31 '20 at 08:48

127

Please replace your expressGraphQL with graphqlHTTP as it was destructured

Use:

const { graphqlHTTP } = require('express-graphql');

or

const expressGraphQL = require('express-graphql').graphqlHTTP

This is because a method called graphqlHTTP exist in the express-graphql module and you are destructure with another method name that does not exist in the module

I also noticed that you have a dot after 5000 on the app.listen function.

answered Dec 31 '20 at 08:48

fatiu

1,502
1
8
14

6

I think this question is so popular because [this](https://buddy.works/tutorials/building-graphql-server-using-nodejs-and-express) tutorial gives incorrect instructions – financial_physician Jun 02 '21 at 17:37
4

and +1 also coming from [this tutorial](https://css-tricks.com/building-serverless-graphql-api-in-node-with-express-and-netlify/) (: – Erhan Yaşar Jun 16 '21 at 06:13
1

@fatiu: Very helpful, thanks. – John Smith Jan 10 '22 at 20:29
I am also coming from the same tutorial. I opened a PR on the author's github repo fixing the issue. – Cláudio Feb 22 '23 at 18:08
https://github.com/ankitamasand/gql-server/pull/3 – Cláudio Feb 22 '23 at 18:24
best answer! Also, you can use it as a reference expressGraphQL using ``const { graphqlHTTP: expressGraphQL } = require('express-graphql'); `` – ArlanG Feb 24 '23 at 19:41

score 18 · Answer 2 · answered Oct 16 '21 at 07:58

Use following as a solution.

const express = require('express');
const expressGraphQL = require('express-graphql').graphqlHTTP;


const app = express();

app.use('/graphql', expressGraphQL({
    graphiql:true
}));

app.listen(4000, () => {
    console.log('Listning');
})

score 5 · Answer 3 · answered Dec 07 '21 at 17:19

5

Destructure graphqlHTTP from express-graphql

const { graphqlHTTP } = require("express-graphql");

app.use("/graphql", graphqlHTTP({ graphiql: true }));

answered Dec 07 '21 at 17:19

Anbarasu_P

321
4
4

score 3 · Answer 4 · answered Jun 05 '21 at 16:04

3

const { graphqlHTTP } = require('express-graphql');

Note that it uses destructuring equivalent to:

const graphqlHTTP = require('express-graphql').graphqlHTTP;

require('express-graphql') returns an object with a property called graphqlHTTP that is the function you want to call.

You're trying to call the object itself as if it was a function.enter code here

answered Jun 05 '21 at 16:04

Oussama Mhamadi

71
3

1

Can anyone explain why this destructuring is needed? I worked with graph before and you didnt have to call .graphqlHTTP. I worked the same way this persons tutorial is stating so I am just curious what changed in the last year or so and why this is now needed? – MambaForever Nov 16 '22 at 16:10

expressGraphQL is not a function

4 Answers4