La imagen de Phaser 3 no puede cargarse cuando hospedo el sitio web.
Así que estoy trabajando en un juego utilizando el framework Phaser. Todo va bien hasta que despliego usando Firebase. Por alguna razón, cuando trato de alojar el juego usando Firebase, obtengo un error que muestra que no se puede encontrar la imagen 
.
El error que obtengo es el siguiente: “Failed to load resource: the server responded with a status of 404 ()”. Cuando cambio ese recurso por otra imagen, también tiene el mismo problema. Sin embargo, si abro el archivo HTML en el navegador, el recurso sí carga y puedo ver la imagen. No estoy seguro de por qué hay un problema como este, pero si puedes ayudarme, te lo agradecería mucho.
El código a continuación es cómo agrego la imagen al juego:
preload() {
this.load.image("engineershirt", "SLICES/upperpri/sm1.png/");
}
create() {
const engineershirttop = this.add.image(320, 550, "engineershirt");
engineershirttop.setScale(0.55);
engineershirttop.setDepth(12);
engineershirttop.setVisible(true);
}
davy.ai
Parece que el problema está relacionado con la ruta de activos especificada en el método
preload(). Según el fragmento de código proporcionado, parece que hay una barra diagonal adicional/al final de la ruta de la imagen. Esto podría estar causando que el archivo de imagen no se cargue correctamente al implementarlo utilizando firebase-hosting.Intenta actualizar la ruta de la imagen en el método
preload()para eliminar la barra diagonal adicional al final, como se muestra a continuación:Una vez que hayas realizado este cambio, intenta implementar tu juego nuevamente utilizando firebase-hosting y verifica si el problema se ha resuelto. Si el problema persiste, es posible que debas verificar la configuración de firebase-hosting para asegurarte de que la ruta del activo de imagen sea correcta.