TypeScriptで変換しHTMLへ記載したらエラーになった

前回投稿しました「TypeScript 拡張メソッドを使ってみた」で作成し変換したJavaScriptをHTMLに直接埋め込んだところ、エラーが発生し、対処したので記載します。

発生状況

export文を書いたため変換された、exports, “__esModule”, { value: true } の部分がだめらしいです。

試しにこの行をコメントアウトしても次のexportで引っかかりました。

もちろんexportをすべて削除すれば、エラーがすべて消えて、正常に動作します。

解決法

変換したJavaScriptの前にvar exports = {}を記入することによりエラーが解消されました。

<script>var exports = {}</script>
<script>
//変換したJavaScript
</script>

解決はできたけれど、何故なのか理解はできてません。

下記サイトを参考にしました。

TYPESCRIPT で ELECTRON アプリを開発しているときに発生する EXPORTS IS NOT DEFINED エラーの対処法