BaeBox

json import( allowSyntheticDefaultImports 문제) 본문

개발 관련

json import( allowSyntheticDefaultImports 문제)

배모씨. 2020. 4. 8. 18:08
반응형

JSON 로고가 이렇게 생겼었구나...

Angular component에 json 파일을 import하여 사용하려고하면 allowSyntheticDefaultImports 뭐시기뭐시기하면서 오류가 난다. 

즉, json 파일을 import 하여 사용하는 것이 SyntheticDefaultImports에 해당한다는 뜻이다.

tsconfig.json 의 compilerOptions에 아래 옵션들을 추가하여주면 된다. 

resolveJsonModule, allowSyntheticDefaultImports를 true로!

 

https://mariusschulz.com/blog/importing-json-modules-in-typescript

 

Importing JSON Modules in TypeScript

TypeScript 2.9 introduced a new --resolveJsonModule compiler option that lets us import JSON modules from within TypeScript modules.

mariusschulz.com

https://github.com/visjs/vis-network/issues/67

 

Error with Angular 8 - 'allowSyntheticDefaultImports' flag · Issue #67 · visjs/vis-network

I just updated from vis to vis-network (I only need vis-network since I only use graph in my app) while updating to Angular 8. When I try and compile the app, I get an error: This module can only b...

github.com

 

 

 
반응형

'개발 관련' 카테고리의 다른 글

Module Bundler (모듈 번들러)  (0) 2020.04.11
Mocha(모카) - JavaScript Test Framework  (0) 2020.04.11
PM2  (0) 2020.03.14
Node - Cluster Module  (0) 2020.03.14
자바스크립트는 어떻게 동작하는가 시리즈.(펌)  (0) 2020.03.13
공유하기 링크
'개발 관련' Related Articles more
Comments