Intentando implementar create-react-app en netlify, sin embargo, mi compilación es una página en blanco. Estoy usando el archivo .env para cargar la clave api de Firebase, ¿es un problema para la compilación?
Incluso cuando traté de abrirlo localmente en mi computadora, aparece una página en blanco y muestra un error en la consola: "Error al cargar con la fuente "file:///event-app/static/js/main.108757a0.js""
paquete.json: https://gist.github.com/Verthon/f82371ad2bb636b2e95c5b7697aa0bb5
➜ event-app git:(master) ✗ npm run build > event-app@0.1.0 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.cssSi está usando react-router e intenta abrir index.html directamente en el navegador (o usando electron, que esencialmente hace eso), además de configurar la homepage de inicio como otros han sugerido, reemplace su BrowserRouter con un HashRouter .
Estaba tratando de construir una aplicación de electrones usando create-react-app. Cuando se ejecutaba en desarrollo, todo estaba bien, pero cuando construí el CRA y luego apunté la aplicación electrónica al archivo index.html , obtuve la página en blanco.
Descubrí que eso era exactamente lo mismo que abrir el archivo index.html directamente en el navegador. Todos dicen "establecer homepage de inicio en package.json ", pero ya tenía eso. ¿¡Y ahora qué!?
Eventualmente descubrí que el problema era react-router . Estaba usando un BrowserRouter . Cambiar a un HashRouter resolvió el problema para mí.
Agregar
"homepage": ".", en su package.json y luego vuelva a compilar.