HOME > 問題解決一覧 > [Gatsby.js]gatsby develop実行時に「failed We've encountered an error: Minified React error #31;」のエラーが出る

事象

gatsby developコマンド実行時に次のようにfailed We've encountered an error: Minified React error #31;のエラーが出てしまいます。

エラーメッセージ

failed We've encountered an error: Minified React error #31; visit
https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=AggregateError%3A%20GraphQL%20Document%20Validation%20failed%20with%203%20errors%
3B%0A%20%20Error%200%3A%20GraphQLDocumentError%3A%20Cannot%20query%20field%20%22thumbnailAlt%22%20on%20type%20%22MdxFrontmatter%22.%20Did%20you%2
0mean%20%22thumbnail%22%3F%0A%20%20%20%20at%20%2FUsers%2Fimagepit%2FDesktop%2Fgatsby-preview-template%2Fsrc%2Fcomponents%2Fviews%2FRelatePostList
.tsx%3A20%3A9%0A%0AError%201%3A%20GraphQLDocumentError%3A%20Cannot%20query%20field%20%22thumbnailAlt%22%20on%20type%20%22MdxFrontmatter%22.%20Did
%20you%20mean%20%22thumbnail%22%3F%0A%20%20%20%20at%20%2FUsers%2Fimagepit%2FDesktop%2Fgatsby-preview-template%2Fsrc%2Fpages%2Fcategory.tsx%3A29%3
A9%0A%0AError%202%3A%20GraphQLDocumentError%3A%20Cannot%20query%20field%20%22thumbnailAlt%22%20on%20type%20%22MdxFrontmatter%22.%20Did%20you%20me
an%20%22thumbnail%22%3F%0A%20%20%20%20at%20%2FUsers%2Fimagepit%2FDesktop%2Fgatsby-preview-template%2Fsrc%2Fpages%2Findex.tsx%3A31%3A9 for the
full message or use the non-minified dev environment for full errors and additional helpful warnings.

gatsby minified react error 31 01

解決策

エラーメッセージに書かれているとおりvisit移行に書かれているURLをブラウザでアクセスするとメッセージ詳細が出てきます。

gatsby minified react error 31 02

次のようにError Decoderのページが表示され赤字の部分でエラー詳細が確認できます。このエラーメッセージの内容を修正できればこのエラーは解消されるはずです。

gatsby minified react error 31 03

コメント

この記事に関する質問やご意見・ご感想がありましたら、下記よりコメントください。
Githubアカウントでログインしていれば誰でも投稿できます。