import, exportがエラーになる


import, exportを使用したいのですが、エラーになってしまいます。

[code]

    Uncaught SyntaxError: Unexpected identifier
    
[/code]

どこに問題があるのでしょうか？

**const.js**

[code]

    export const DATA = {
        test: "qqq"
    };
    
[/code]

**html**

[code]

    <html>
        <head>
            <meta charset="UTF-8">
            <meta http-equiv="Pragma" content="no-cache">
        <meta http-equiv="Cache-Control" content="no-cache">
        </head>
        <body>
            <div id="text"></div>
    
            <script src="../js/jquery-2.2.4.min.js"></script>
            <script type="text/javascript">
                import DATA from "../const";
                $("#text").text(DATA.test)
            </script>
    
        </body>
    </html>
    
[/code]




未だ、一部のブラウザでしか動かない実験的（？）機能ではありますが、以下3点の修正でChromeなどでは動くと思います。

  * `import` を使うスクリプトの `<script>` タグに `type="module"` を指定する
  * デフォルトエクスポートされていないメンバーを `import` する際はメンバー名を `{ }` で囲う
  * モジュールファイルの拡張子は省略しない

[code]

    <script type="module">
    import {DATA} from "./const.js"
    
[/code]




未だ、一部のブラウザでしか動かない実験的（？）機能ではありますが、以下3点の修正でChromeなどでは動くと思います。

  * `import` を使うスクリプトの `<script>` タグに `type="module"` を指定する
  * デフォルトエクスポートされていないメンバーを `import` する際はメンバー名を `{ }` で囲う
  * モジュールファイルの拡張子は省略しない

[code]

    <script type="module">
    import {DATA} from "./const.js"
    
[/code]

