Saltar al contenido

¿Cómo arreglar la pantalla blanca después de compilar con create-react-app?

Posteriormente a observar en diferentes repositorios y sitios webs al terminar nos encontramos con la solución que te enseñaremos aquí.

Solución:

Intenta cambiar basename="/" en tu BrowserRouter a basename="/React". react-router necesita esto si se usa en un subdirectorio.

Desde el react-router documentos:

nombre base: la URL base para todas las ubicaciones. Si su aplicación se sirve desde un subdirectorio en su servidor, querrá configurar esto en el subdirectorio. Un nombre base con el formato correcto debe tener una barra inclinada al principio, pero no una barra inclinada al final.

también cambiar homepage en package.json a la URL de su objetivo de producción. homepage="." significa que funcionará en todos los dominios donde esté ubicado en la raíz del servidor (y también es el comportamiento predeterminado).

De los documentos de React con respecto a la implementación:

De forma predeterminada, Create React App produce una compilación asumiendo que su aplicación está alojada en la raíz del servidor. Para anular esto, especifique la página de inicio en su paquete.json, por ejemplo:

"homepage": "http://mywebsite.com/relativepath",

Esto permitirá que Create React App infiera correctamente la ruta raíz para usar en el archivo HTML generado.

También tuve este problema, pantalla blanca en blanco, sin errores. Ninguna de estas respuestas resolvió mi problema. Voy a dejar la solución a mi problema aquí, para que alguien más como yo no pierda 2 horas en un pequeño error.

Sólo asegúrese de cargar todos los archivos en /build carpeta al servidor.

Comentarios y puntuaciones

Si entiendes que te ha resultado provechoso este post, sería de mucha ayuda si lo compartieras con otros desarrolladores de este modo contrubuyes a difundir esta información.

¡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 *