'Image in Phaser3 is not showing

I need to show an image on my first screen in phaser3 here is the code

//logo.js
class Logo extends Phaser.Scene{
    constructor(){
        super('Logo')
    }
    preload(){
        this.load.image('gameLOGOFinal', './assets/gameLOGOFinal.png');
    }
    create(){
         
        this.add.image(400,300, 'gameLOGOFinal');

        setTimeout(() => {
            this.scene.start('Start')
        }, 20000)
    }
}

the image is on the right path but it only show a green box enter image description here

BTW I am using XAMPP apache to run it.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source