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
したがって、問題はブラウザでのアプリのキャッシュにあります。
create-react-appのserviceWorker()でこの問題を解決しました。
これが解決策です:->
これをindex.jsファイルに追加して、Service Worker Registerを削除するだけです
import {unregister} from './registerServiceWorker';
登録解除();