React.js buildに時に画面に何も表示されずに真っ白な場合の対処法

React.js buildに時に画面に何も表示されずに真っ白な場合の対処法

buildした後にhtmlをローカルで表示してみたところ、画面が真っ白なままで何も表示されない場合の対応方法を記述

環境

  • OS  CentOS Linux release 8.0.1905 (Core)
  • node V12.13.1
  • npm 6.14.2
  • React 16.13.0

原因

buildされた時のjs等のPATHの問題。下記のように「/」となっているため

src="/static/js/main.8b6be9eb.chunk.js"

対応方法

package.jsonに「“homepage”: “./”, 」を追加してあげる

"version": "0.1.0",
 "homepage": "./", ← 追加