ys memos
Blog

Github Pagesでロードが失敗する問題の解消方法


github-pages

2021/05/29

はじめに

私は,Github Pages でブログをホスティングしている.

これまでは HUGO で SSG していて,サードパーティのテーマを使っていたためブログの記事部分しか管理していなかった.

しかし,より多くの範囲を把握・調整したかったため,Next.js に切り替え,ブログページ全体を自分で管理できるようにしてみた(2021/05/29 現在).

エラー状況

まず前提として,以下では問題なく動作している状況であった.

  • next dev
  • npx serve
  • firebase hosting (ステージングのような使い方をした)

エラー詳細

原因が全く検討がつかなかったため,取り敢えずブラウザのログを見ると,以下のようなエラーが大量発生していた.

Failed to load resource: the server responded with a status of 404 () despite of existance

解消方法

Github pages のルートディレクトリに空の.nojekyllというファイルを配置する.

Next.js ではどうすれば?

Next.js を使っていて,ビルドする時,/public直下のファイルがビルド後のディレクトリのルートに展開されるので,

/public/.nojekyllというパスで空のファイルを作るとよい.

おわりに

参考

関連タグを探す