{ "componentChunkName": "component---src-templates-blog-post-js", "path": "/21-01-03-unavailable-import-on-typescript/", "result": {"data":{"site":{"siteMetadata":{"title":"irrationnelle","author":"irrationnelle","siteUrl":"https://dev.rase.blog","comment":{"disqusShortName":"","utterances":"irrationnelle/devlog"},"sponsor":{"buyMeACoffeeId":""}}},"markdownRemark":{"id":"6516e918-f33d-527c-bdd3-e9b5d8c61e7d","excerpt":"Typecsript 를 사용하면서 transpile 을 하지 않고 를 사용 하는 경우, 에 을 추가했음에도 에러가 발생하는 경우가 있다. 이 때 에 다음과 같은 옵션을 추가한다. 이 옵션을 추가하면 를 사용할 때는 로 import / export 하는 방식을 방식으로 하도록 오버라이드 한다.","html":"

Typecsript 를 사용하면서 transpile 을 하지 않고 ts-node 를 사용 하는 경우, package.json 에 type: module 을 추가했음에도

\n

Cannot use import statement outside a module 에러가 발생하는 경우가 있다.

\n

이 때 tsconfig.json 에 다음과 같은 옵션을 추가한다.

\n
{\n  \"ts-node\": {\n    \"compilerOptions\": {\n      \"module\": \"commonjs\"\n    }\n  }\n}
\n

이 옵션을 추가하면 ts-node 를 사용할 때는 module 로 import / export 하는 방식을 commonjs 방식으로 하도록 오버라이드 한다.

","frontmatter":{"title":"Typecript 에서 Cannot use import statement outside a module 에러 해결","date":"January 03, 2021"}}},"pageContext":{"slug":"/21-01-03-unavailable-import-on-typescript/","previous":{"fields":{"slug":"/20-10-18-record-type-on-typescript/"},"frontmatter":{"title":"Typecript 의 Record 타입","category":"typescript","draft":false}},"next":{"fields":{"slug":"/21-02-03-promise-call/"},"frontmatter":{"title":"Promise 실행과 평가 시점에 대하여","category":"Dev","draft":false}}}}, "staticQueryHashes": ["3128451518","3474900066"]}