＜script type="module"＞のスコープはグローバルではない

https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Modules#other_differences_between_modules_and_standard_scripts

（＜script type="module"＞内のimport文によって）
インポートされた機能はグローバルスコープから利用することはできません。
それゆえ、インポートされた機能はインポートしたスクリプトの内部からしかアクセスできず、
例えば JavaScript コンソールからはアクセスできません。

そのため、以下のように書いても正しく動作しない。

<script type="module">
import hogeFunc from './hogeModule.js';
</script>
<button onclick="hogeFunc()">hoge</button> <!-- hogeFunc はグローバルスコープに存在しない -->

こうすれば動く。（htmlがスクリプトに依存）

<script type="module">
import hogeFunc from './hogeModule.js';
window.hogeFunc = hogeFunc;
</script>
<button onclick="hogeFunc()">hoge</button>

または、こう。（スクリプトがhtmlに依存）

<script type="module">
import hogeFunc from './hogeModule.js';
document.querySelector("#hogeButton").addEventListener("click", hogeFunc);
</script>
<button id="hogeButton">hoge</button>