Saltar al contenido

Página en blanco después de una implementación exitosa de Firebase

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.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *