Webiopiでのモジュール化したJavascriptの取り込み

Question

日頃よりお世話になっております。

前提・実現したいこと

現在、RaspberryPiで身体測定用のIoT機器を複数種類作成しています。
webiopiサービスを利用しており、ブラウザはChromiumをKioskモードで使用して端末のようにhtmlを出力させています。

webiopi().ready(function() {

動作部分は上記コード覆われたJavascriptで書かれています。
各測定機材で重複するコードが多くなったため、共通部分はモジュール化して取り込んで使いたいと考えました。

https://teratail.com/questions/41023
を参考にしたりして試行錯誤したのですが、うまく実装出来ないでいます。

ES2015のimport文が使えれば解決出来ると考えたため、
html内で

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

のように記述したのですが、そうするとJavascript自体が動かなくなります。（コンソールにエラー文も出ません）

<script type="text/javascript" src="main.js"></script>

のように記述するとjavascript内のimport文がidentifyとのエラーメッセージが出力されます。

import文を使用しているJavascriptをトランスパイルしたファイルをhtml内で読み込ませるしか方法はないのでしょうか。
（import文のためだけにトランスパイルするシステムを導入することに躊躇しています）

補足情報

実機
RaspberryPi　Model3
OS
Linux 9.6 stretch
ブラウザ
Chromium ver60

Answer 1

動くようになりました。

やったことが2点あります。

①
Chromiumを最新バージョン（72）に上げました。
そうすると、

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

という書き方をしてもJavascriptを読み込むようになりました。

②
import文をファイルの先頭に書くようにしました。
スコープが頭にあったので、

webiopi().ready(function(){

}

の中でimport文を宣言していたのですが、記述としておかしいことに気が付きました。

以上の点を修正することでmodule化したjavascriptファイルを取り込むことが出来ました。

IoT端末なので現行と違うブラウザで表示することはあり得ないのでブラウザ依存の問題はないです。

お騒がせしました。