GraphQL gql Syntax Error: Expected Name, found }

Nathan picture Nathan · Jan 18, 2018 · Viewed 42.7k times · Source

I'm attempting to set up Apollo GraphQL support in a new React project, but when I try to compile a query using gql I keep receiving the error:

Syntax Error: Expected Name, found }

This is generated by the following code:

import gql from 'graphql-tag'

const query = gql`
    {
      user(id: 5) {
        firstName
        lastName
      }
    }
  `

console.log(query)

I'm basing this code off the example code found here: https://github.com/apollographql/graphql-tag

What is the Name referred to in the error message? Does anyone know what I'm doing wrong here?

Answer

Razi Abdul Rasheed picture Razi Abdul Rasheed · Apr 2, 2018

This error occurs mostly when there are unclosed curly braces or when some fields are not properly defined while calling the query.