Scenes creating twice

Phaser 3
1

Hello
My game scenes creating twice. First scene slower than second. When i press “back” button on my phone, first scene closing, and second appear. Here is my core code

import PreloaderScene from '/src/scenes/PreloaderScene.js';
import UIScene from '/src/scenes/UIScene.js';
import MenuScene from '/src/scenes/MenuScene.js';
import MainMenuScene from '/src/scenes/MainMenuScene.js';
import MainScene from '/src/scenes/MainScene.js';
//import ShopScene from '/src/scenes/ShopScene.js';

import Scenes from '/src/constants/Scenes.js';
import Strings from '/src/constants/Strings.js';
import Resources from '/src/constants/Resources.js';

const WIDTH = 1920;
const HEIGHT = 1080;
const PARENT = Strings.APP_NAME;

let preloaderScene = new PreloaderScene({
    key:Scenes.PRELOADER,
    pack:{
        files: [
            { type : 'image', key:Resources.Sprites.Payload.Logo, url:"assets/sprites/payload/payloadLogo.png"}
        ]
    }
});
let uiScene = new UIScene({
    key:Scenes.UI,
});
let menuScene = new MenuScene({
    key:Scenes.MENU,
});
let mainMenuScene = new MainMenuScene({
    key:Scenes.MAIN_MENU,
});
let mainScene = new MainScene({
    key:Scenes.MAIN,
});
//let shopScene = new ShopScene();

let scenes = [
        preloaderScene,
        uiScene,
        menuScene,
        mainMenuScene,
        mainScene,
     //   shopScene,
    ];

let config = {
	type:Phaser.CANVAS,
	parent:PARENT,
	width:WIDTH,
	height:HEIGHT,
	roundPixels:false,
	pixelArt:true,
	scale: {
	  //	mode: Phaser.Scale.FIT,	
	    	mode: Phaser.Scale.SHOW_ALL,
	    	autoCenter: Phaser.Scale.CENTER_BOTH
	},
	physics:{
	    default:"matter",
	    matter:{
	      //  debug:true,
	        gravity:{
	            y:2.5,			
	        }
	    }
	},        	
	plugins: {		
	    scene: [
			{
                plugin: PhaserMatterCollisionPlugin, 
                key: "matterCollision",
                mapping: "matterCollision" 
			},
		]
	},
	scene:scenes,
};

let game = new Phaser.Game(config);

Scenes structure

class MainScene extends Phaser.Scene {
    constructor(){}
    init(){}
    create(){}
    update(){}
}

Html

	<body>
	    <div style="font-family:PixelFont; position:absolute; left:-1000px; visibility:hidden;">.</div>

		<script src="src/phaser/phaser.min.js"></script>
		<script src="src/phaser/plugins/phaser-matter-collision-plugin.js" defer></script>	

		<script type="module" src="/src/core.js"></script>				
	</body>
2

And what do you see exactly?

3

First scene to load is preloader. I see my progress bar, and everything is okay, then menu scene loads with random background and it looks a little freezy. So i tried to check fps and saw 35-40 frames.
if i don’t press back button of the phone, game will go with 35-40 fps. If i press back button menu scene will change background, and game fps raise up to 60 frames. So… a moment ago i tried to remove all code except core preloader and menu, but it didn’t help.
I don’t even have a guess what is it :confused:

4

I have changed my browser, and in new one everything is okay, it was a ide problem, i am sorry for disturbing