経緯 $ gatsby develop で開発サーバを起動したところ、ブラウザでRuntime Error「Cannot read property 'pagetitle' of undefined」が表示されてしまいました。 環境 macOS Big Sur gatsby 3.3.0 エラー画面 Runtime Error 解決方法 エラーが生じたファイル…

GatsbyJSで Runtime Error「Cannot read property 'pagetitle' of undefined」が発生した

経緯 $ gatsby develop で開発サーバを起動したところ、警告「warning Anonymous arrow functions cause Fast Refresh to not preserve local component state.」が表示されました。 警告に対処したら今度はエラーが発生して苦戦したので、警告もエラーも出…

GatsbyJSで「warning Anonymous arrow functions cause Fast Refresh to not preserve local component state.」が表示された

経緯 Gatsbyでエラーが解消できず、ひとまず怪しそうなプラグインのバージョンを調べたかったのであります。 環境 macOS Big Sur(11.2.3) yarn 1.22.10 確認方法 ターミナルで以下のコマンドを実行します。 $ yarn info [プラグイン名] versions 私が調べた…

yarnのプラグインのバージョンを確認する

経緯 GatsbyでWeb制作をしており、CMS(※)にはContentfulを使っています。Contentfulのデータを扱うために必要なプラグイン gatsby-source-contentful をインストールし、環境変数を渡して開発サーバを$gatsby developで起動したらエラーが発生しました。 (※)…

gatsby develop で[Syntax Error: Unexpected Name "implements"]が発生した

経緯 ポータルサイト作成の動機 有期雇用のメンバーが多い少人数のチームで働いています。新しいメンバーが加わっても事業の理念や目的を共有しやすくするために、内部向けポータルサイトを作成することにしました。 共通部分は外部ファイルとして作成したい…

少人数の組織用のポータルサイトを、Gatsby＋XFREE(エックスフリー)で構築する

経緯 Windows10にLinux環境(WSL)を構築し、GatsbyJSでWebページを作成していました。 しかし、Windows10にインストールしたエディタ「Brackets」でCSSのファイルを編集しようとすると、「ファイルを変更する権限がありません。」というエラーが出てしまって…

Linux環境(WSL)のファイルが、Windows10にインストールしたBracketsで編集できない

.entry-inner img{border: 1px solid #000;} 経緯 GatsbyJSの書籍を読みながらGraphiQLを使うサンプルコードを実装していたのですが、表記のエラー「TypeError: Cannot read property 'fluid' of undefined」が出てしまいました。 「TypeError: Cannot read …

GatsbyJSで「TypeError: Cannot read property 'fluid' of undefined」が発生した