He estado trabajando en un proyecto simple de React llamado Simple-portfolio,
Repositorio de Github: https://github.com/Devang47/simple-portfolio URL del sitio en vivo: https://simple-portfolio.pages.dev/
Este proyecto funciona bien en el servidor de desarrollo, pero después de compilar la aplicación, en index.html , el enlace a otros archivos es incorrecto. por ejemplo:
// Wrong: <link rel="icon" type="image/png" sizes="16x16" href="./simple-portfolio/favicon-16x16.png"/> expected: <link rel="icon" type="image/png" sizes="16x16" href="./favicon-16x16.png"/>Errores en la consola de compilación de producción:
The script from “https://simple-portfolio.pages.dev/simple-portfolio/static/js/3.f84cd7e8.chunk.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type. The script from “https://simple-portfolio.pages.dev/simple-portfolio/static/js/main.2f259d87.chunk.js” was loaded even though its MIME type (“text/html”) is not a valid JavaScript MIME type. The stylesheet https://simple-portfolio.pages.dev/simple-portfolio/static/css/main.f6d0acc0.chunk.css was not loaded because its MIME type, “text/html”, is not “text/css”. Uncaught SyntaxError: expected expression, got '<' Uncaught SyntaxError: expected expression, got '<'Lo que he probado hasta ahora:
Su aplicación se implementa en https://simple-portfolio.pages.dev/ , que es la raíz del dominio, pero la homepage de inicio está configurada en http://Devang47.github.io/simple-portfolio/ , que tiene una ruta diferente .
Para solucionar esto, elimine la homepage de inicio de package.json , reconstruya su aplicación y vuelva a implementarla en Cloudflare Pages.