title: Gatsby Contentful - GraphQL query error: Unknown type "ContentfulFixed"
body: <p>I've decided to build my own blog and chose <em>EmaSuriano's gatsby-starter-mate</em> as my Gatsby Starter <em>(I am absolutely new to Gatsby and Contentful!)</em></p>
  
  <p>I did everything as told, setting up my environment, setting up Contentful space and logged in to Contentful and so on. </p>
  
  <p>Currently, I am on <em>Ubuntu 18.04</em> and  </p>
  
  <pre><code>$ gatsby --version
  Gatsby CLI version: 2.10.10
  Gatsby version: 2.19.45
  
  $ contentful --version
  1.2.14
  </code></pre>
  
  <hr>
  
  <p>Everything below suceeded without problem  </p>
  
  <pre><code>$ gatsby new mate-portfolio https://github.com/EmaSuriano/gatsby-starter-mate  
  $ yarn setup
  </code></pre>
  
  <p>But when I </p>
  
  <pre><code>$ yarn start
  </code></pre>
  
  <p>and enter <em>localhost:8000</em> I get <strong>Failed to Compile</strong> page with huge amount of errors. </p>
  
  <p>I refered to this <a href="https://github.com/gatsbyjs/gatsby/issues/16455" rel="nofollow noreferrer">https://github.com/gatsbyjs/gatsby/issues/16455</a> issue to solve my problem and tried the solutions available there such as  </p>
  
  <blockquote>
    <ol>
    <li>Delete codes in fragments.js file   </li>
    <li>Delete .cache folder  </li>
    <li>Add dummy image to my space  </li>
    </ol>
  </blockquote>
  
  <p>I also installed <code>$ npm install --save gatsby-source-contentful</code>. Did <code>$ yarn add gatsby</code> as well as <code>$ yarn global add contentful-cli</code> too.</p>
  
  <p>But none of them worked. Below is my error that shows on <em>localhost:8000</em> when I <code>$ yarn start</code>.<br>
  Can anyone please help me with this issue? Thank you so much!</p>
  
  <pre><code>There was an error in your GraphQL query:
  
  Unknown type "ContentfulFixed".
  
  File: /blog/node_modules/gatsby-source-contentful/src/fragments.js
  
  There was an error in your GraphQL query:
  
  Unknown type "ContentfulFixed".
  
  File: /blog/node_modules/gatsby-source-contentful/src/fragments.js
  
  There was an error in your GraphQL query:
  
  Unknown type "ContentfulFluid".
  
  File: /blog/node_modules/gatsby-source-contentful/src/fragments.js
  
  There was an error in your GraphQL query:
  
  Unknown type "ContentfulFluid".
  
  File: /blog/node_modules/gatsby-source-contentful/src/fragments.js
  
  There was an error in your GraphQL query:
  
  Unknown type "ContentfulResolutions".
  
  File: /blog/node_modules/gatsby-source-contentful/src/fragments.js
  
  There was an error in your GraphQL query:
  
  Unknown type "ContentfulResolutions".
  
  File: /blog/node_modules/gatsby-source-contentful/src/fragments.js
  
  There was an error in your GraphQL query:
  
  Unknown type "ContentfulResolutions".
  
  File: /blog/node_modules/gatsby-source-contentful/src/fragments.js
  
  There was an error in your GraphQL query:
  
  Unknown type "ContentfulSizes".
  
  File: /blog/node_modules/gatsby-source-contentful/src/fragments.js
  
  There was an error in your GraphQL query:
  
  Unknown type "ContentfulSizes".
  
  File: /blog/node_modules/gatsby-source-contentful/src/fragments.js
  
  There was an error in your GraphQL query:
  
  Unknown type "ContentfulSizes".
  
  File: /blog/node_modules/gatsby-source-contentful/src/fragments.js
  
  There was an error in your GraphQL query:
  
  Cannot query field "contentfulAbout" on type "Query".
  
  If you don't expect "contentfulAbout" to exist on the type "Query" it is most likely a typo.
  However, if you expect "contentfulAbout" to exist there are a couple of solutions to common problems:
  
  - If you added a new data source and/or changed something inside gatsby-node.js/gatsby-config.js, please try a restart of your development server
  - The field might be accessible in another subfield, please try your query in GraphiQL and use the GraphiQL explorer to see which fields you can query and what shape they have
  - You want to optionally use your field "contentfulAbout" and right now it is not used anywhere. Therefore Gatsby can't infer the type and add it to the GraphQL schema. A quick fix is to add a least one entry with that field ("dummy content")
  
  It is recommended to explicitly type your GraphQL schema if you want to use optional fields. This way you don't have to add the mentioned "dummy content". Visit our docs to learn how you can define the schema for "Query":
  https://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions
  
  File: /blog/src/components/Helmet.js
  
  There was an error in your GraphQL query:
  
  Cannot query field "contentfulAbout" on type "Query".
  
  If you don't expect "contentfulAbout" to exist on the type "Query" it is most likely a typo.
  However, if you expect "contentfulAbout" to exist there are a couple of solutions to common problems:
  
  - If you added a new data source and/or changed something inside gatsby-node.js/gatsby-config.js, please try a restart of your development server
  - The field might be accessible in another subfield, please try your query in GraphiQL and use the GraphiQL explorer to see which fields you can query and what shape they have
  - You want to optionally use your field "contentfulAbout" and right now it is not used anywhere. Therefore Gatsby can't infer the type and add it to the GraphQL schema. A quick fix is to add a least one entry with that field ("dummy content")
  
  It is recommended to explicitly type your GraphQL schema if you want to use optional fields. This way you don't have to add the mentioned "dummy content". Visit our docs to learn how you can define the schema for "Query":
  https://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions
  
  File: /blog/src/components/Footer.js
  
  There was an error in your GraphQL query:
  
  Cannot query field "contentfulAbout" on type "Query".
  
  If you don't expect "contentfulAbout" to exist on the type "Query" it is most likely a typo.
  However, if you expect "contentfulAbout" to exist there are a couple of solutions to common problems:
  
  - If you added a new data source and/or changed something inside gatsby-node.js/gatsby-config.js, please try a restart of your development server
  - The field might be accessible in another subfield, please try your query in GraphiQL and use the GraphiQL explorer to see which fields you can query and what shape they have
  - You want to optionally use your field "contentfulAbout" and right now it is not used anywhere. Therefore Gatsby can't infer the type and add it to the GraphQL schema. A quick fix is to add a least one entry with that field ("dummy content")
  
  It is recommended to explicitly type your GraphQL schema if you want to use optional fields. This way you don't have to add the mentioned "dummy content". Visit our docs to learn how you can define the schema for "Query":
  https://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions
  
  File: /blog/src/sections/Landing.js
  
  There was an error in your GraphQL query:
  
  Cannot query field "siteMetadata" on type "Site".
  
  If you don't expect "siteMetadata" to exist on the type "Site" it is most likely a typo.
  However, if you expect "siteMetadata" to exist there are a couple of solutions to common problems:
  
  - If you added a new data source and/or changed something inside gatsby-node.js/gatsby-config.js, please try a restart of your development server
  - The field might be accessible in another subfield, please try your query in GraphiQL and use the GraphiQL explorer to see which fields you can query and what shape they have
  - You want to optionally use your field "siteMetadata" and right now it is not used anywhere. Therefore Gatsby can't infer the type and add it to the GraphQL schema. A quick fix is to add a least one entry with that field ("dummy content")
  
  It is recommended to explicitly type your GraphQL schema if you want to use optional fields. This way you don't have to add the mentioned "dummy content". Visit our docs to learn how you can define the schema for "Site":
  https://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions
  
  File: /blog/src/sections/Landing.js
  
  There was an error in your GraphQL query:
  
  Cannot query field "contentfulAbout" on type "Query".
  
  If you don't expect "contentfulAbout" to exist on the type "Query" it is most likely a typo.
  However, if you expect "contentfulAbout" to exist there are a couple of solutions to common problems:
  
  - If you added a new data source and/or changed something inside gatsby-node.js/gatsby-config.js, please try a restart of your development server
  - The field might be accessible in another subfield, please try your query in GraphiQL and use the GraphiQL explorer to see which fields you can query and what shape they have
  - You want to optionally use your field "contentfulAbout" and right now it is not used anywhere. Therefore Gatsby can't infer the type and add it to the GraphQL schema. A quick fix is to add a least one entry with that field ("dummy content")
  
  It is recommended to explicitly type your GraphQL schema if you want to use optional fields. This way you don't have to add the mentioned "dummy content". Visit our docs to learn how you can define the schema for "Query":
  https://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions
  
  File: /blog/src/sections/Projects.js
  
  There was an error in your GraphQL query:
  
  Cannot query field "siteMetadata" on type "Site".
  
  If you don't expect "siteMetadata" to exist on the type "Site" it is most likely a typo.
  However, if you expect "siteMetadata" to exist there are a couple of solutions to common problems:
  
  - If you added a new data source and/or changed something inside gatsby-node.js/gatsby-config.js, please try a restart of your development server
  - The field might be accessible in another subfield, please try your query in GraphiQL and use the GraphiQL explorer to see which fields you can query and what shape they have
  - You want to optionally use your field "siteMetadata" and right now it is not used anywhere. Therefore Gatsby can't infer the type and add it to the GraphQL schema. A quick fix is to add a least one entry with that field ("dummy content")
  
  It is recommended to explicitly type your GraphQL schema if you want to use optional fields. This way you don't have to add the mentioned "dummy content". Visit our docs to learn how you can define the schema for "Site":
  https://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions
  
  File: /blog/src/sections/Writing.js
  
  There was an error in your GraphQL query:
  
  Cannot query field "allMediumPost" on type "Query".
  
  If you don't expect "allMediumPost" to exist on the type "Query" it is most likely a typo.
  However, if you expect "allMediumPost" to exist there are a couple of solutions to common problems:
  
  - If you added a new data source and/or changed something inside gatsby-node.js/gatsby-config.js, please try a restart of your development server
  - The field might be accessible in another subfield, please try your query in GraphiQL and use the GraphiQL explorer to see which fields you can query and what shape they have
  - You want to optionally use your field "allMediumPost" and right now it is not used anywhere. Therefore Gatsby can't infer the type and add it to the GraphQL schema. A quick fix is to add a least one entry with that field ("dummy content")
  
  It is recommended to explicitly type your GraphQL schema if you want to use optional fields. This way you don't have to add the mentioned "dummy content". Visit our docs to learn how you can define the schema for "Query":
  https://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions
  
  File: /blog/src/sections/Writing.js
  
  There was an error in your GraphQL query:
  
  Cannot query field "mediumUser" on type "Query".
  
  If you don't expect "mediumUser" to exist on the type "Query" it is most likely a typo.
  However, if you expect "mediumUser" to exist there are a couple of solutions to common problems:
  
  - If you added a new data source and/or changed something inside gatsby-node.js/gatsby-config.js, please try a restart of your development server
  - The field might be accessible in another subfield, please try your query in GraphiQL and use the GraphiQL explorer to see which fields you can query and what shape they have
  - You want to optionally use your field "mediumUser" and right now it is not used anywhere. Therefore Gatsby can't infer the type and add it to the GraphQL schema. A quick fix is to add a least one entry with that field ("dummy content")
  
  It is recommended to explicitly type your GraphQL schema if you want to use optional fields. This way you don't have to add the mentioned "dummy content". Visit our docs to learn how you can define the schema for "Query":
  https://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions
  
  File: /blog/src/sections/Writing.js
  
  There was an error in your GraphQL query:
  
  Cannot query field "contentfulAbout" on type "Query".
  
  If you don't expect "contentfulAbout" to exist on the type "Query" it is most likely a typo.
  However, if you expect "contentfulAbout" to exist there are a couple of solutions to common problems:
  
  - If you added a new data source and/or changed something inside gatsby-node.js/gatsby-config.js, please try a restart of your development server
  - The field might be accessible in another subfield, please try your query in GraphiQL and use the GraphiQL explorer to see which fields you can query and what shape they have
  - You want to optionally use your field "contentfulAbout" and right now it is not used anywhere. Therefore Gatsby can't infer the type and add it to the GraphQL schema. A quick fix is to add a least one entry with that field ("dummy content")
  
  It is recommended to explicitly type your GraphQL schema if you want to use optional fields. This way you don't have to add the mentioned "dummy content". Visit our docs to learn how you can define the schema for "Query":
  https://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions
  
  File: /blog/src/sections/About.js
  </code></pre>