男のブログ俺は中卒だ。学歴なんて無くても生きていける。buildでビルドしたファイルをアップロードしたのだが、ローカルホストではうまく動作していたはずのアプリが真っ白になり何も表示されなかった。Chromeのデベロッパーツールを確認すると以下のようなエラーが大量に発生していた。ステータスコード404が返っているので、エラーの原因はファイルパスの問題だとすぐに分かったが、なぜこのようなことが起きたかを解説していく。今回、アップロードしたサーバー上のディレクトリはこちら。/react-todo/ビルドして出来上がったindex.html内の各種ファイル読み込み先パスを見てみると、どれも/static/css/...のようにルートパスで指定されていた。これではreact-todo配下のファイルを読み込むことができないので当然エラーとなる。エラーの解決法この問題を解決するには、パスの指定を変更する必要がある。package.jsonを開き、homepageの設定を追記する。今回は相対パスでの指定としたが、"/react-todo/"でも問題ない。buildを実行すると、パスの指定が変更され先ほどの404エラーは全て解決されているはずだ。当サイトはXserverで運営していますプロフィール中卒男15歳で熊本から単身大阪へ渡り、囲碁棋士になるための修行を積む。その後、紆余曲折ありプログラミングを学び職とする。現在プログラミングや統計、機械学習の勉強に合わせ、双子の育児に奮闘中。