Cuando trato de alojar mi página web con un fondo de tres.js, todo se carga correctamente cuando se aloja localmente, pero tan pronto como lo subo a las páginas de github, no se carga nada, solo html.
Estoy usando vite para empaquetar mi código y gh-pages para implementar la carpeta 'dist' en la rama alojada. He intentado cambiar las direcciones URL de todas las imágenes y activos a '/imagen' y almacenar las imágenes en una carpeta pública dentro de la carpeta raíz, como recomienda vite. Ejecuto $ npm run build y $ npm run preview y todo se ve bien. Ejecuto npm run deployment (agregué un script de implementación en package.json, deployment: 'gh-pages -d dist'), y luego alojo la rama gh-pages en las páginas de github y solo aparece el html, y la consola muestra múltiples 404: errores de archivo no encontrado.
El código alojado está en la rama gh-pages, si aún no lo ha aclarado.
La URL de sus archivos JS y CSS es incorrecta.
Su página de github está intentando cargar el JS desde https://talmage89.github.io/assets/index.2e5bc2a5.js ://talmage89.github.io/assets/index.2e5bc2a5.js...
Pero debería ser:
https://talmage89.github.io/ThreeJSDemo2/assets/index.2e5bc2a5.js .
La documentación de Vite incluye instrucciones específicas para establecer la base cuando se aloja en páginas de Github.