How to connect the magic

Not really sure what is happening here. I am getting errors about queries i don’t really see… I know im doing something wrong but not realy sure what is happening under the hood. This is with markdown but it seems to magically add to my queries in some way that I cant see.

Modifying examples that are provided I have something like this right now

const path = require('path');

exports.createPages = ({ boundActionCreators, graphql }) => {
  console.log('Create Pages');

  const { createPage } = boundActionCreators;

  const mdPageTemplate = path.resolve('src/templates/md.js');

  return graphql(`
    {
      allMarkdownRemark(
        sort: { order: DESC, fields: [frontmatter___date] }
        limit: 1000
      ) {
        edges {
          node {
            excerpt(pruneLength: 250)
            html
            id
            frontmatter {
              date
              path
              title
            }
          }
        }
      }
    }
  `).then(result => {
    if (result.errors) {
      return Promise.reject(result.errors);
    }
    result.data.allMarkdownRemark.edges.forEach(({ node }) => {
      createPage({
        path: node.frontmatter.path,
        component: mdPageTemplate,
        context: {}, // additional data can be passed via context
      });
    });
  });
};

Then the template has something like this:

// eslint-disable-next-line
export const pageQuery = graphql`
  query MarkdownPageByPath($path: String!) {
    markdownRemark(frontmatter: { path: { eq: $path } }) {
      html
      frontmatter {
        date(formatString: "MMMM DD, YYYY")
        path
        title
      }
    }
  }
`;

This produces an error that it cant find the id. Not really sure why. I see the original queries the id but dont know how i can get it to pass said id into this and/or why this is happening when the original example looks like this.

The GraphQL query from /Users/bradennapier/Desktop/Dash OS/IDE/projects/whaleclub-scam/src/templates/md.js failed

        Errors:
          GraphQLError: Cannot read property 'id' of undefined
        Query:
          query MarkdownPageByPath(
  $path: String!
) {
  markdownRemark(frontmatter: {path: {eq: $path}}) {
    html
    frontmatter {
      date(formatString: "MMMM DD, YYYY")
      path
      title
    }
  }
}

[BrandonSM]

Deleting the node_modules folder and running yarn install && yarn develop again made the blog post show up.

[KyleAMathews]

You need to remove your node_modules directory and reinstall. If that’s not working — you could also try running npm rebuild sharp.