title: Getting error Field "cover" must not have a selection since type "String" has no subfields when deploy
body: <p>I am getting error when deploy on netlify:</p>
  <blockquote>
  <p>10:49:33 AM: error There was an error in your GraphQL query: 10:49:33
  AM: Field &quot;cover&quot; must not have a selection since type &quot;String&quot; has no
  subfields. 10:49:33 AM: This can happen if you e.g. accidentally added
  { } to the field &quot;cover&quot;. If you didn't expect &quot;cover&quot; to be of type
  &quot;String&quot; make sure that your input source and/or plugin is correct.
  failed extract queries from components - 0.355s</p>
  </blockquote>
  <p>Here is my following code:</p>
  <pre><code>export const pageQuery = graphql`
    {
      hero: allMarkdownRemark(filter: { fileAbsolutePath: { regex: &quot;/hero/&quot; } }) {
        edges {
          node {
            frontmatter {
              title
              name
              subtitle
              buttonText
            }
            html
          }
        }
      }
      about: allMarkdownRemark(filter: { fileAbsolutePath: { regex: &quot;/about/&quot; } }) {
        edges {
          node {
            frontmatter {
              title
              avatar {
                childImageSharp {
                  fluid(maxWidth: 700, quality: 90, traceSVG: { color: &quot;#64ffda&quot; }) {
                    ...GatsbyImageSharpFluid_withWebp_tracedSVG
                    base64
                  }
                }
              }
              skills
            }
            html
          }
        }
      }
      jobs: allMarkdownRemark(
        filter: { fileAbsolutePath: { regex: &quot;/jobs/&quot; } }
        sort: { fields: [frontmatter___date], order: DESC }
      ) {
        edges {
          node {
            frontmatter {
              title
              company
              location
              range
              url
            }
            html
          }
        }
      }
      featured: allMarkdownRemark(
        filter: { fileAbsolutePath: { regex: &quot;/featured/&quot; } }
        sort: { fields: [frontmatter___date], order: DESC }
      ) {
        edges {
          node {
            frontmatter {
              title
              cover {
                childImageSharp {
                  fluid(maxWidth: 700, quality: 90, traceSVG: { color: &quot;#64ffda&quot; }) {
                    ...GatsbyImageSharpFluid_withWebp_tracedSVG
                    base64
                  }
                }
              }
              tech
              github
              external
            }
            html
          }
        }
      }
      projects: allMarkdownRemark(
        filter: {
          fileAbsolutePath: { regex: &quot;/projects/&quot; }
          frontmatter: { showInProjects: { ne: false } }
        }
        sort: { fields: [frontmatter___date], order: DESC }
      ) {
        edges {
          node {
            frontmatter {
              title
              tech
              github
              external
            }
            html
          }
        }
      }
      contact: allMarkdownRemark(filter: { fileAbsolutePath: { regex: &quot;/contact/&quot; } }) {
        edges {
          node {
            frontmatter {
              title
              buttonText
            }
            html
          }
        }
      }
    }
  `;
  </code></pre>
  <p>I tried to add base64 like people said when I try to search for a solution but it still giving me this error. How can I fix it?</p>