Firebase Error on IE

I’m using the Google Firebase Database to store my highscore data. It works well on Chrome, Edge, Firefox and Safari. But on IE i get this errors:

I can’t understand any of this errors…
The syntax error should be there:

And this is my index.hmtl:

<!--<script> var firebaseApp; </script>-->

<!DOCTYPE HTML>
<html>

<head>
	<meta charset="UTF-8" />
	<meta name=viewport content="width=device-width, initial-scale=1">

	<title>infoteam-Universum</title>

	<script src="lib/phaser.js"></script>
	<script src="main.js"></script>


	<style>
		body {
			background: rgb(0, 0, 0);
			margin: 0;
			padding: 0;
			color: azure;
		}

		#overlay {
			width: 5%;
			height: 5%;
		  	position: fixed;
		  	top: 90%;
		  	left: 93%;
		  	right: 0;
		  	bottom: 0;
	        background-color: transparent;
	        border: none;
	        background-image: url(assets/images/startFullscreen.png);
	        background-repeat: no-repeat;
		  	background-size: contain;
	        text-align: center;
	        display: inline-block;
	        transition-duration: 0.4s;
	        vertical-align: middle;		 
			z-index: 2;
		  	cursor: pointer;
		}

	</style>
</head>

<body>
	
	<div id="game-container"></div>
	<input type="button" value="" onclick="openFullscreen()" id="overlay">

	<script>
		/* Get the element you want displayed in fullscreen mode (a video in this example): */
		var elem = document.getElementById("game-container");
		
		function openFullscreen() {
		  if (elem.requestFullscreen) {
		    elem.requestFullscreen();
		  } else if (elem.mozRequestFullScreen) { /* Firefox */
		    elem.mozRequestFullScreen();
		  } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
		    elem.webkitRequestFullscreen();
		  } else if (elem.msRequestFullscreen) { /* IE/Edge */
		    elem.msRequestFullscreen();
		  }
		}
	</script>
	
	  <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
	 <script src="https://www.gstatic.com/firebasejs/7.15.0/firebase-app.js"></script>
	
	  <!-- If you enabled Analytics in your project, add the Firebase SDK for Analytics -->
	  <!--<script src="https://www.gstatic.com/firebasejs/7.15.0/firebase-analytics.js"></script-->
	
	  <!-- Add Firebase products that you want to use -->
	 <script src="https://www.gstatic.com/firebasejs/7.15.0/firebase-firestore.js"></script>

	 <script>
		var firebaseApp;
		
	    var firebaseConfig = {

	    };
	
	    // Initialize Firebase
	    firebaseApp = firebase.initializeApp(firebaseConfig);
		//firebase.analytics();

	  </script>


	
</body>
</html>

Hi,

IE 11 ?
It seems IE9 and IE10 aren’t supported anymore

Hi,

yes i’m using IE 11. Version 11.900.18362.0

I didn’t noticed the error on “class Boot extends Phaser.Scene”, class is an es6 syntax and ie11 doesn’t support es6, we usually use babel to transpile our es6 source code to es5.

That’s why it is recommended to install node.js and use the Phase 3 template

This template comes with babel already configured to support the most used browsers, and webpack that can launch a dev server, and build your app.

As it is now, i just suggest you to forget about ie11 support…or try to configure babel.
For Firebase error, it should be compatible with ie11, i don’t know why this error happens…