Compilar codigo React
Hola buenas tardes como estan?,estoy aprendiendo a programar,y desarrollo front end con codigo react.js ,es la primera vez que subo el codigo a un servidor y no me deja visualizar el contenido porque necesito transpilarlo.
Usé el 'npm run build' para compilarlo y me generó la carpeta dist,no la build como dice la guia,lo volvi a subir al servidor,pero me sigue marcado un error en el archivo .jsx que es llamado por mi index.html.
Inicialmente me tiraba un error MIME que lo solucione a cargar el MIME y la extensiones,pero ahora me marca ese error del .jsx y de el servicio técnico me dicen que es por problemas de el compilado.A alguien le paso algo similar?saben como resolverlo?
-
Hola Nicolás Rovetta!
React genera una carpeta compilada (npm run build) según la herramienta que uses:
- Create React App: genera carpeta "build"
- Vite: genera carpeta "dist"
En ambos casos se empaqueta y transpila JSX a JS estándar para el navegador.
La guía de React veo que usan Create React App, pero es el mismo proceso si tenés la carpeta "dist".
Deberías subir sólo el contenido de "dist" o "build" al hosting y no el proyecto entero. O sea, que ahí debería estar:
- index.html
- archivos .js, .css, etc ya convertidos (y no .jsx)
- si usas Vite, los archivos JS y CSS generalmente van en una subcarpeta "assets" que también tenés que subir
El .jsx no debería ser llamado en tu index, dado que no es código que entienda el browser (y seguramente por eso también el error MIME que mencionaste). Tu index debería llamar a un archivo .JS
1 -
Hola Ale,espectacular!!lo solucione,muchas gracias por la respuesta!!!super claro y me resolviste mi problema! te agradezco mucho!!!
2 -
Excelente!! Me alegra haber podido ayudar :)
1
Iniciar sesión para dejar un comentario.
Comentarios
3 comentarios