生活の跡

個人的な備忘録

Web-GatsbyJS

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

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

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

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

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

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

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

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

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

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

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

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

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

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