[Vue,Typescript] Uncaught ReferenceError: exports is not definedを解決する

やりたいこと

Vue(Javascript)からTypeScriptに変更したい。

エラー内容

Uncaught ReferenceError: exports is not defined
at ./resources/js/store/auth.ts (app.js:2431:1)
at **webpack_require** (app.js:115736:42)
at ./resources/js/store/index.ts (app.js:2464:30)
at **webpack_require** (app.js:115736:42)
at ./resources/js/router.ts (app.js:2252:31)
at **webpack_require** (app.js:115736:42)
at ./resources/js/app.ts (app.js:2141:32)
at **webpack_require** (app.js:115736:42)
at app.js:115901:64
at **webpack_require**.O (app.js:115773:23)

原因

tsconfig.ymlで"module": "commonjs”になっていたため。

CommonJSではrequire/exportsを使い、ES modulesではimport/exportを使うようです。

そのため、今回はES modulesのexportを使っていたため、exportsが見つからず、モジュールを呼び出すことができませんでしたというエラーが出てしまっていたわけです。

解決策

tsconfig.ymlの"module": "commonjs”を削除する

調査