React-create-appで作ったウェブサイトをgithub pagesにデプロイするときの注意

公開してから引っかかる罠があります

• 独自ドメインを使ってる場合

  • public/ フォルダにCNAMEを入れずに gh-pages コマンドを使うとデプロイするたびCNAMEを入れ直さないと404になってしまう

• ローカルでは生きてたRouterが死ぬ

  • リンクはできるのにURL直打ちで404が出る
  • Hash-routerを使うとよい
  • react-router-domでRouterを使っている場合、
  • import { Router, Route, Link } from "react-router-dom";
  • を以下に変更すればよい
  • import { HashRouter as Router, Route, Link } from "react-router-dom";

しかしそれらすべての悲劇とその対策はマニュアルにすでに書いてある（英語よ） https://facebook.github.io/create-react-app/docs/deployment