Tengo un problema que me viene molestando desde hace un tiempo. Tengo un proyecto vite-react-typescript en VSCode, con un enlace en la página index.html a un webmanifest. Este es básicamente un archivo json con una extensión diferente.
Cuando construyo mi aplicación, el archivo de salida index.html contiene la metaetiqueta; sin embargo, en lugar de hacer referencia a la ruta del archivo .webmanifest, ha convertido todo el archivo en base64. Debido a esto, algunos navegadores no pueden encontrar el archivo .manifest y, por lo tanto, el sitio web no se puede instalar como una PWA.
Supongo que el problema/la posible solución radica en las opciones de compilación/compilación de vite, sin embargo, no sé cómo solucionar esta conversión automática.
Aquí está el repositorio de github: https://github.com/PluginDev-A/Website el archivo index.html compilado está en el directorio dist , el archivo index.html original está en el directorio principal . El problema está en la línea 6 de ambos archivos.
** No importa si la extensión del archivo es .json o .webmanifest, ambas direcciones URL se convierten al compilar
Ese archivo probablemente debería colocarse en el directorio public porque es:
Y debe ser referenciado desde index.html con ruta absoluta
<link rel="manifest" href="/manifest.webmanifest">