package.jsonを編集

package.jsonの内容に"homepage" : "./",を追加する。

例

{
  "name": "プロジェクト名",
  "version": "0.1.0",
  "homepage" : "./",    <<<<これ！
  "private": true,
  "dependencies": {
      
      //略

buildして完成

npm run buildしたら完成。

buildフォルダ配下にindex.htmlが出来ているのでクリックしてブラウザを立ち上げればローカルで正常動作するはず。

さいごに

デフォルトではbuildにより生成されたhtmlファイルを立ち上げても何も表示されない。

ReactのみならずVueでも基本同様のトラブルがある。

というかそもそもローカルで起動することは想定されていないのだろう。

といっても、ちょっとした自分用のプログラムを作るときに手軽に作れるので覚えておくと便利だ。