Relay Schema Cache not updating

Question

I'm getting the following message in the developer console: "

Uncaught Error: GraphQL validation error. Cannot query field XXXX in YYYY.js. Try updating your GraphQL schema if an argument/field/type was recently added

I have already tried running npm start in order to update the schema. What am I doing wrong?

Answer 1

You may want to create a build function for your updating your client schema, and include a script within your package.json to run this automatically using nodemon.

This is the script that I use.

#!/usr/bin/env babel-node --optional es7.asyncFunctions

import fs from 'fs'
import path from 'path'
import Schema from './schema.js'
import touch from 'touch'

import { graphql }  from 'graphql'
import { introspectionQuery, printSchema } from 'graphql/utilities'

const p = '../../../client/schema-build/schema.json';

// Save JSON of full schema introspection for Babel Relay Plugin to use
(async () => {
  var result = await (graphql(Schema, introspectionQuery))
  if (result.errors) {
    console.error(
      'ERROR introspecting schema: ',
      JSON.stringify(result.errors, null, 2)
    )
  } else {
    fs.writeFileSync(
      path.join(__dirname, p),
      JSON.stringify(result, null, 2)
    )

    touch('../../../client/index.js', {}, () => {
      process.exit(0)
    })
  }
})()

// Save user readable type system shorthand of schema
fs.writeFileSync(
  path.join(__dirname, p),
  printSchema(Schema)
)