私はへの新たなんだ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;
どうして？
<script type="module"></script>、必ず追加することです。そうしないと、エラーが発生します。<script>import ... </script>ChromeがフラグなしのES6モジュールをサポートすると言われていることを知って、壁に頭をぶつけていました。ブラウザにこれがES6モジュールであることを指定するには、type属性が必要であることに気付きました。これがないと、正確にわかりません。エラー。
回答:
最近の多くのブラウザはES6モジュールをサポートするようになりました。スクリプト（アプリケーションへのエントリポイントを含む）をインポートする限り、<script type="module" src="...">それを使用して機能します。
詳細については、caniuse.comをご覧ください：https： //caniuse.com/#feat=es6-module
ES6モジュールはGoogleChrome Beta（61）/ ChromeCanaryで試すことができます。
PaulIrishによるToDoMVCのリファレンス実装-https ：//paulirish.github.io/es-modules-todomvc/
私は基本的なデモをしました-
//app.js
import {sum} from './calc.js'
console.log(sum(2,3));
//calc.js
let sum = (a,b) => { return a + b; }
export {sum};
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<h1>ES6</h1>
<script src="app.js" type="module"></script>
</body>
</html>
それが役に立てば幸い！
<script type="module"></script>、必ず追加することです。そうしないと、エラーが発生します。<script>import ... </script>ChromeがフラグなしのES6モジュールをサポートすると言われていることを知りながら、壁に頭をぶつけていました。ブラウザにこれがES6モジュールであることを指定するには、type属性が必要であることに気付きました。
jsソースを持つことはできません）。
残念ながら、モジュールは現在多くのブラウザでサポートされていません。
この機能は、現時点ではブラウザにネイティブに実装され始めたばかりです。TypeScriptやBabelなどの多くのトランスパイラー、およびRollupやWebpackなどのバンドラーに実装されています。
MDNで見つかりました
それは私のmjsをスクリプトに追加type="module"するために私のために働きましたimport：
<script type="module">
import * as module from 'https://rawgit.com/abernier/7ce9df53ac9ec00419634ca3f9e3f772/raw/eec68248454e1343e111f464e666afd722a65fe2/mymod.mjs'
console.log(module.default()) // Prints: Hi from the default export!
</script>
デモを参照してください：https：//codepen.io/abernier/pen/wExQaa