에러 디버깅 & 컴파일 옵션 추가

dobyming·2022년 12월 29일
0

기본적인 tsconfig.js 옵션을 설정하고, npm run build를 수행했을때 여전히 아래와 같이 tsconfig.js 파일의 첫번째 라인에서 에러가 발생합니다.

해당 에러가 왜 발생했는지 trouble shooting 한 결과,

'Promise에 대한 생성자를 선언하든가 또는 --lib 조건에 'ES2015'를 추가해라' 라는 에러 메시지를 던져줍니다.
트러블 슈팅 참고 사이트

말 그대로 현재 comilerOptions에 lib 조건이 설정되어 있지 않아 발생하는 에러이므로 이를 추가해주는 작업이 요구됩니다.

{
    "compilerOptions": {
        "allowJs": true,
        "target": "ES5",
        "outDir": "./built",
        "moduleResolution": "Node",
        "lib": [ "ES2015", "DOM", "DOM.Iterable" ],
        "noImplicitAny": true,
    },
    "include": ["./src/**/*"]
}

lib 설정에 위와 같이 설정합니다. DOM과 DOM.Iterable은 수행하는 프로젝트에서 각각 HTML tag의 class명으로 접근하여 이벤트 핸들링을 하기 때문에 설정했습니다.

0개의 댓글