# Why are not the images loaded in Phaser?

I am starting to use phaser to create games and I found a problem that I can not find for more tests that I did. I can not show the images I am uploading. You only see a small square in the center, (I show it in this capture: when you should see the entire background of the canvas in green, which is the image that first charge. In the example I only charge one, so that more if it does not work. I do not see what error I'm committing, because the navigator inspector does not show errors. The server is created with Node.js.

const http = require('http')
const fs = require('fs')

const server = http.createServer((req, res) => {
if(err){console.error(err); return;}
res.end(data)
})
})
console.log('escuchando en el puerto 3000')
server.listen(3000)


I show the code for if someone can see the error that I am committing. Thank you.

I EDIT the question:

I add the code that I should add first. The project is in a folder called Game. Here is the file server.js and package.json There is also a folder called public where the html code and images are located. I show you the code.

<!doctype html>
<html lang="es">

<meta charset="UTF-8" />
<title>Primer juego en Phaser</title>
<script src="//cdn.jsdelivr.net/npm/phaser@3.11.0/dist/phaser.js"></script>
<style type="text/css">
body {
margin: 0;
}
</style>
<body>
<script type="text/javascript">

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

var game = new Phaser.Game(config);

this.load.spritesheet('dude', 'assets/dude.png', {         frameWidth: 32, frameHeight: 48 });

}

function create() {
}

function update() {
}

</script>
</body>
</html>