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 を使っていて,ビルドする時,/public直下のファイルがビルド後のディレクトリのルートに展開されるので,

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



関連タグを探す