[Gatsbyで構築]Gatsbyでビルドエラーが出た時の対処法


The above error occurred in the  component:
    in StoreStateProvider
    in App

と出るエラー。

Pluginを新しく入れたり、アップデートした時に上記のエラーがでました。

解決策

https://github.com/gatsbyjs/gatsby/issues/19827
の中盤位に書かれていた内容を試す

node_modulesをフォルダごと削除して、lock.jsonを削除してから、

する。

必要なものが再インストールされるので、それでおっけい。

node_modulesを削除したくない場合

node_modulesフォルダの中は山ほどファイルが入っているので捨てるのも大変だし、問題が起きた場合の復元も面倒なので、とりあえず捨てずに置きたい場合はフォルダ名を変えるだけでいいです。
ただ、その場合は、gitにも反映されるので操作に注意が必要です。

npmではダメでyarnだとできたというケースもあるようなので、npmでダメならyarnを試してもいいかも。か、初めからyarnを使う方がいいのかも。

プラグインの追加もアップデートもしてないのにビルドエラーがでた

何もインストールしてないのに同じエラーが出ました。ということで、同じ修正作業をしたところ、問題なく解決されました。

余談

yarnで新しいプラグインをインストールしてみたら、依存関係のアップデートも行われた様子。
インストール後、問題なくyarn run developできました。