ReferenceError: exports is not defined TypeScriptのコンパイルは成功してもブラウザが読み込まなかった件

きっかけ

• こちらでlaravel-mixをv5からv6にアップデートして起きたコンパイルエラーを改善した｡その後ブラウザのコンソールで遭遇

ReferenceError: exports is not defined

改善方法の結論

npm install @babel/plugin-transform-modules-commonjs

原因

完全には理解できなかった｡
installしたパッケージのリファレンスを見る限りtsconfig.jsonで設定している

"compilerOptions": {
    "target": "ES5", 
    "module": "commonjs", 
...

ここが起因していることが把握できた
パッケージをインストールすることでES5の形式をcommonjsに形式に変換できるよにしている

以上のことからlaravel-mixをv5からv6にアップデートしたことでこの機能が失われ パッケージインストールしたことで読み込めるようになったよう考えられる

参照リソース

参考サイト
リファレンス