[解決済み] ブラウザのES6モジュール Uncaught SyntaxError: 予期しないトークンのインポート

2023-03-24 11:47:16

質問

私は初めて ES6 (ECMAScript 6) を使っていて、その モジュールシステム をブラウザで使いたいのです。ES6はFirefoxとChromeでサポートされていると読みましたが、次のようなエラーが発生します。 export

Uncaught SyntaxError: Unexpected token import

test.htmlファイルがあります。

<html>
    <script src="test.js"></script>
<body>
</body>
</html>

と test.js ファイル

'use strict';

class Test {

    static hello() {
        console.log("hello world");
    } 
}

export Test;

どうして？

最近の多くのブラウザは ES6 モジュールをサポートするようになりました。スクリプト（アプリケーションへのエントリポイントを含む）を <script type="module" src="..."> を使用してインポートする限り、動作します。

を見てみましょう。 caniuse.com をご覧ください。 https://caniuse.com/#feat=es6-module