Typescript 에러 - default import when using the 'esModuleInterop' flag.

오류 원인

Typescript가 import하여 사용하는 모듈이 CommonJS문법으로 가져오게 설정되어 있는데, ES6문법으로 가져올때 생기는 오류입니다.

 

오류해결 방법

typescript설정파일(tsconfig.json)에 compilerOptions필드를 설정하여 오류를 해결할 수 있습니다. esModuleInterop필드를 true로 설정하면 오류가 해결됩니다.

{
   "compilerOptions": {
      "lib": [
         "es5",
         "es6"
      ],
      ...
      "esModuleInterop": true,
      ...
   }
}