やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

ES Module でJSをモジュール化……できなかった

ブラウザ未実装のため。

成果物

https://github.com/ytyaru/JS.ESM.script.module.20180421072019

ES Module

JavaScript モジュールの現状 | POSTD

index.html

<script type="module" src="./main.js"></script>

main.js

import {print} from "./sub.js";
print('Hello ESM !!');

sub.js

export function print(message) {
    alert(message);
}

なんと、これだけでモジュール化できるらしい。Node.jsもrequire.jsも不要。

動かない……

何も表示されない。ブラウザのConsoleを開いてもエラーすら出ていなかった……。

原因

ブラウザ未対応のせい。2018-04-21時点でChromiumを使っている。最新版は56だった。だが、こちらによるとESMが使えるのは63以降らしい。

ラズパイでないならもっと新しい版をインストールできるのか?

前回、期待に胸膨らませアップグレードしたのに……。

ブラウザ実装状況

案の定、使用ブラウザでは未実装だった。

開発環境