これは何

TypeScript は import か export が1つも無いと module として扱ってくれない

困ってたこと

htmlAでは<script type="module" src="scriptA.js"></script>
htmlBでは<script type="module" src="scriptB.js"></script>
htmlCでは<script type="module" src="scriptC.js"></script>

を読み込むツールを作っていた際

特にimportもしないちっちゃなスクリプトで同じ関数名を利用していると
Duplicate identifier "hogehoge"と怒られる

とりあえずスクリプト全体を{ hogehoge }みたいに囲っていたが
かっちょよくなかった(；_；)

気づき

ふと「これプロジェクト単位の衝突か？全部エクスポート扱いになってるのか？」と思いつつ
でも同名のエクスポートって衝突しないよな？と適当にエクスポートしてみようとexport { };まで書いたところ

Duplicate identifier "hogehoge"が消えた……🤔

原因

変な動作だなと思いつつググってみると

トップレベルのインポートまたはエクスポート宣言のないファイルは、コンテンツがグローバルスコープで利用可能なスクリプトとして扱われます

＿人人人人人人人人人人人＿
＞　グローバルスコープ　＜
￣ＹＹＹＹＹＹＹＹＹＹＹ￣

なるほどな

対策

とりあえず行頭に空のエクスポートを書いて解決
export { };

おわり

おわり

参考

In TypeScript, just as in ECMAScript 2015, any file containing a top-level import or export is considered a module. Conversely, a file without any top-level import or export declarations is treated as a script whose contents are available in the global scope (and therefore to modules as well).