Black screen on Adobe Phonegap

Phaser 3
1

Hello everyone,
I am a newbie to phaser and want to develop a game for mobile.
I want to use Adobe Phonegap to preview my game on mobile.


but unlucky, it displays a black screen.

but it works on Phaser 2 about test the game on the mobile device,
but not work on Phaser 3, any idea??? Thanks

My code:
www/index.html

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8" />
<title>Making your first Phaser 3 Game - Part 3</title>
<script src="https://cdn.jsdelivr.net/npm/phaser@3.24.1/dist/phaser.min.js"></script>
<style type="text/css">
    body {
        margin: 0;
    }
</style>
</head>
<body>

<script type="text/javascript">

var config = {
    type: Phaser.AUTO,
    width: 800,
    height: 600,
    scene: {
        preload: preload,
        create: create,
        update: update
    }
};

var game = new Phaser.Game(config);

function preload ()
{
    this.load.image('sky', 'assets/sky.png');
    this.load.image('ground', 'assets/platform.png');
    this.load.image('star', 'assets/star.png');
    this.load.image('bomb', 'assets/bomb.png');
    this.load.spritesheet('dude', 'assets/dude.png', { frameWidth: 32, frameHeight: 48 });
}

function create ()
{
    this.add.image(400, 300, 'sky');
}

function update ()
{
}

</script>

</body>
</html>
2

Sure you want to make a Native App? Have you considered building a PWA instead?