Gatsbyをupdateしたら出たエラーと対処

Cover Image for Gatsbyをupdateしたら出たエラーと対処
monotalk
monotalk

Gatsbyを半年ぶりにUpdateした。
Versionは2から変化はないが、pluginや使っているstarter等が変更されていて、エラーが出た。
発生したエラーと対処法を記載。

There was an error in your GraphQL query: Unknown type "ImageSharpSizes".

npm install --save-dev gatsby-transformer-sharp

GraphQL Error Encountered 1 error(s): - Unknown field 'nextTitle' on type 'MarkdownRemarkFields'.

これは、Vagr9K/gatsby-material-starter: A high performance blog starter with Material design in mind for GatsbyJS. のVersionとGatsbyのversion、pluginが上手く噛み合っていなかったために発生した。
エラー発生箇所の情報を元に、対象ソースの最新版をコピーして解消した。


Error: Cannot find module '!raw-loader!../public/styles.css'


GraphQL Error Unknown field childImageSharp on type File

rm -rf node_modules/*
npm install
npm audit fix
gatsby clean