자바스크립트 프로젝트에 타입스크립트를 적용하면서 발생한 에러에 대해 설명합니다.
tsconfig.json
타입스크립트를 설치한 후 tsconfig.json 파일을 생성하여 타입스크립트를 다음과 같이 설정했습니다.
// tsconfig.json
{
"compilerOptions": {
"target": "es2016",
"module": "commonjs",
"typeRoots": ["./node_modules/@types", "./@types"],
"esModuleInterop": true,
"forceConsistentCasingInFileNames": true,
"strict": true,
"noImplicitAny": true,
"strictNullChecks": true,
"skipLibCheck": true
},
"exclude": ["node_modules"]
}에러 발생
tsconfig.json에서 다음과 같은 에러가 발생했습니다.
'[프로젝트]/tsconfig.json' 구성 파일에서 입력을 찾을 수 없습니다. 지정된 '포함' 경로는 '['include 설정']'이고 '제외' 경로는 '['exclude 설정']'이었습니다.ts
에러 발생 당시의 파일 구조 입니다.
.
├── __test__
│ ├── ApplicationTest.js
│ └── StringTest.js
├── src
│ └── App.js
├── package-lock.json
├── package.json
└── tsconfig.json
tsconfig.json에는 타입스크립트 파일을 자바스크립트 파일로 컴파일하는 옵션이 포함되어 있습니다.
위의 파일 구조를 보면 컴파일 할 타입스크립트 파일이 없다는 것을 알 수 있습니다.
해결 방법
컴파일 할 타입스크립트 파일을 생성하면 에러를 해결할 수 있습니다.
저는 App.js를 App.ts로 변경했습니다.
마무리
- 이 전에 자바스크립트 프로젝트에 타입스크립트를 적용하면서 발생했던 에러였는데, 기록해두지 않으니 쉽게 잊어버린 것 같아 글을 작성하게 되었습니다.
- 타입스크립트를 적용하는 과정에서 여러가지 에러를 만날 예정인데 각 에러들을 차근차근 정리해보겠습니다.
참고
