create-react-appでビルドを実行した後の空白ページ

Question

Create-react-appをnetlifyにデプロイしようとしていますが、ビルドが空白ページです。 Firebase APIキーの読み込みに.envファイルを使用していますが、これはビルドの問題ですか？

コンピューターでローカルに開こうとしたときでも、空白ページが表示され、コンソールにエラーが出力されます。

package.json： https://Gist.github.com/Verthon/f82371ad2bb636b2e95c5b7697aa0bb5

➜  event-app git:(master) ✗ npm run build

> [email protected] build /home/jurr/Projects/event-app
> node scripts/build.js

Creating an optimized production build...
Compiled with warnings.

./src/components/Router.js
  Line 12:  'withFirebase' is defined but never used  no-unused-vars

./src/components/Firebase.js
  Line 21:  'Firebase' is defined but never used  no-unused-vars

Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.

File sizes after gzip:

  282.86 KB  build/static/js/main.108757a0.js
  3.1 KB     build/static/css/main.8e671453.css

Answer 1

したがって、問題はブラウザでのアプリのキャッシュにあります。

create-react-appのserviceWorker（）でこの問題を解決しました。

これが解決策です：->

これをindex.jsファイルに追加して、Service Worker Registerを削除するだけです

import {unregister} from './registerServiceWorker';

登録解除（）;