Solución:
Estaba teniendo el mismo problema. http: // localhost: 3000 / estaba sirviendo bien la aplicación, pero cuando la implementé usando npm run build
y luego firebase deploy
Solo estaba viendo una página en blanco.
No estoy seguro de la razón, pero cambié la propiedad “public” en firebase.json a “build” y funcionó.
aquí está mi nuevo documento firebase.json.
{
"hosting": {
"public": "build",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
Después de haber inicializado su aplicación Firebase con firebase init
, deberías tener un firebase.json archivo en la carpeta de su proyecto. La cuestión es que la clave pública tiene que apuntar a su carpeta de compilación. Por ejemplo, en create-react-app, la carpeta de compilación es construir/ después de que hayas corrido npm ejecutar compilación por primera vez. Entonces el firebase.json tiene que verse similar a este:
{
"hosting": {
"public": "build",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
],
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
]
}
}
Los puntos clave públicos para construir. Luego intente otra implementación con firebase deploy
.
Eche un vistazo al public
propiedad tuya package.json
"public": "public",
Apunta a la carpeta de recursos donde firebase hosting buscará su aplicación. Si la carpeta de recursos está vacía, se le presentará una página en blanco.
Cuando crea su aplicación de reacción, todos los archivos van al build
carpeta de forma predeterminada, si no ha especificado lo contrario. Así que establezca la propiedad pública en su carpeta de compilación reactjs.