1
上の予期しない識別子は、私はエラーキャッチされないでSyntaxError:「からの輸入」の構文でJSファイルをインポートしようとすると、「パスからの輸入X」
"Uncaught SyntaxError: Unexpected identifier app.js:2"
を取得します。私はこの構文を使ったことはありませんが、チュートリアルのコードをコピーして動作させることはできません。ファイルが同じ "JS" フォルダ内にあるすべてのjs
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');
}
}
どんな助け?ありがとう!
ブラウザで 'import'が動作しません。これは、ファイルシステム上のローカルファイルで動作します。ブラウザーが理解できるバニラのjavascriptにソースコードをコンパイルするには、babelを使用する必要があります。これはWebpackでよく行われます。提案された読書:https://blog.andrewray.me/webpack-when-to-use-and-why/ –
@AndyRayそれはもはや完全に真実ではありません〜https://matthewphillips.info/posts/loading-app-with-スクリプトモジュール – Phil
FYI:インポートステートメントは、プロシージャコードの前に来る必要があります。あなたはスクリプトの上部に 'var game'を持っています – Phil