daily-dev.net

React, firebase, 機械学習など

github pagesにreact-create-appで作成したReactアプリを独自ドメインでデプロイしたのに表示されないときのチェックポイント

sponsored

f:id:serendipity4u:20180926114133p:plain

公式リファレンスに沿ってデプロイしたのに表示されない。なぜだろう?

  • 独自ドメインをpackage.jsonの"homepage" 欄に設定していますか?
  • gh-pagesブランチをデプロイブランチに設定していますか?
  • CNAMEファイルに接続したいカスタムドメイン(独自ドメイン)を記入していますか?
  • CNAMEファイルがpublic配下にありますか?

を確認してみてください。

f:id:serendipity4u:20180926113854p:plain

自分の場合は

CNAMEをルートディレクトリに置いていたことによるエラーだった。

このissueで気づくことが出来ました。

gh-pages -d dist overwrites custom domain · Issue #127 · tschaub/gh-pages · GitHub

react-create-appの初期設定のままならpublic 配下に置いておけばbuild時にbuild配下に配置されるはずです。