Gatsby Backticks

So the blog was up and then I was having all sorts of errors. Note that the links are for your edification but ultimately did not help me.

TL;DR

You need backticks - not single quotes - for your gatsby-config.js filenames.

The Errors

• "Cannot read property 'allMarkdownRemark' of undefined"
• "TypeError: Cannot read property 'allMarkdownRemark' of undefined"
• "gatsby Invariant Violation: GraphQLParser: Unknown argument formatString. Source: document IndexQuery file: GraphQL request"

These error messages ultimately were not incredibly helpful to a Noob like myself, as they pointed to the index.js root file which meant they could be anything.

Through sheer luck / force of will / desperation, I started looking through tutorials, my go-to once Stack Overflow and Github comment threads start looking like junk.

The Configuration

So my initial gatsby-config.js looks like so:

module.exports = {
  siteMetadata: {
    title: `Russell Schmidt`,
    author: `Russell Schmidt`,
  },
  plugins: [
    `gatsby-plugin-react-helmet`,
    `gatsby-plugin-catch-links`,
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        path: `${__dirname}/src/pages`,
        name: 'pages',
      },
    },
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [] // for future interop with gatsby-remark-prismjs, gatsby-remark-copy-linked-files, gatsby-remark-images
      }
    },
  ],
};

This is a great tutorial that unlocked the secrets of the universe.

---