1
Ich erhalte den FehlerUncaught Syntaxerror: Unerwartete Kennung auf „import x von dem Pfad“
"Uncaught SyntaxError: Unexpected identifier app.js:2"
wenn eine JS-Datei mit der Syntax von „Import aus“ zu importieren versuchen. Ich habe diese Syntax nie benutzt, aber ich habe den Code aus einem Tutorial kopiert und kann es nicht funktionieren lassen. Alle js-Dateien sind in der gleichen "js" -Ordner
index.html
<!DOCTYPE html>
<html>
<head>
<title>game 1</title>
<script type="text/javascript" src="js/phaser.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>
<div id="game">
</div>
<body>
</body>
app.js
var game;
import Boot from 'Boot.js';
import Preload from 'Preload.js';
import Game from 'Game.js';
window.onload = function() {
game = new Phaser.Game(800, 600, Phaser.AUTO, 'game');
game.state.add('boot', Boot);
game.state.add('preload', Preload);
game.state.add('game', Game);
game.state.start('boot');
};
Boot.js
export default class Boot {
preload() {
this.load.image('preloader', '../img/loading_bar.png');
}
create() {
this.game.input.maxPointers = 1;
this.game.state.start('preload');
}
}
irgendeine Hilfe? Vielen Dank!
'Import' funktioniert nicht im Browser. Es arbeitet mit lokalen Dateien im Dateisystem. Sie müssen babel verwenden, um Ihren Quelltext in Vanille-Javascript zu kompilieren, das der Browser versteht. Dies wird oft mit Webpack gemacht. Empfohlene Lektüre: https://blog.andrewray.me/webpack-when-to-use-and-why/ –
@AndyRay das ist nicht mehr ganz wahr ~ https://matthewphillips.info/posts/loading-app-with- Skript-Modul – Phil
FYI: Import-Anweisungen sollten vor jedem Verfahrenscode kommen. Sie haben 'var game' an der Spitze Ihres Skripts – Phil