인프런 커뮤니티 질문&답변
작성한 질문수
tsconfig.json 파일에 대해 질문있습니다.
해결된 질문
작성
·
69
0
안녕하세요 타입스크립트 강의를 보고 있는 중인데 영상대로 tsconfig.json 파일에
{
"$schema": "https://json.schemastore.org/tsconfig",
"_version": "2.0.0",
"compilerOptions": {
"lib": ["dom", "dom.iterable", "esnext"],
"module": "esnext",
"moduleResolution": "bundler",
"target": "es2015",
"allowJs": true,
"allowSyntheticDefaultImports": true,
"esModuleInterop": true,
"isolatedModules": true,
"jsx": "react-jsx",
"noEmit": true,
"noFallthroughCasesInSwitch": true,
"resolveJsonModule": true,
"skipLibCheck": true,
"strict": true
}
}
이렇게 넣으니 아래 이미지처럼 오류가 뜨는데 찾아봐도 왜 오류가 뜨는지 잘 모르겠습니다.
답변 2
0
안녕하세요! 부드러운 족제비님!
해당 에러는 src/App.js 또는 src/App.tsx 파일을 찾을 수 없을 때, 발생하게 됩니다.
1. 이는 보통 windows의 경우, 파일명에 한글이 들어가 있는 경우에 찾을 수 없거나,
2. App.js 또는 App.tsx 를 찾았지만, 해당 파일명을 변경/삭제 해서 찾을 수 없는 상태가 되는 등
의 상황에서 발생하는 문제예요!
해결 방법으로는, vscode를 종료 후 다시 시작해 주시는 경우 해당 파일을 찾게 되면서 문제가 사라질 수 있으며, 이것으로 해결이 되지 않는 경우에는 위 2가지 방법을 하나씩 검토해 보세요!^^
0
안녕하세요, 인프런 AI 인턴입니다. 부드러운 족제비님!
타입스크립트 설정 파일인 tsconfig.json에서 오류가 발생하는 것 같군요. 주어진 설정을 검토해 보면 두 가지 주요 부분을 확인하는 것이 좋습니다.
"$schema"설정: 여러분이 공유하신"$schema": "https://json.schemastore.org/tsconfig"은 스키마 파일을 불러오는 URL로 보이네요. 이 옵션은 타입스크립트가 해당 파일의 구조를 잡아주는 역할을 합니다. 현재 이 부분은 잘 설정된 것 같습니다."compilerOptions"설정: 여기서는 여러 가지 옵션을 컨트롤 할 수 있습니다.lib,module,target등의 옵션은 프로젝트의 구체적인 요구 사항에 따라 적절하게 설정해야 합니다.
일반적인 오류 발생 원인으로는:
- 중괄호 {} 구조에서의 오타
- 올바르지 않은 옵션 값
- tsconfig.json 파일이 프로젝트의 루트(root)에 있지 않아서 발생할 수 있습니다.
또한, 오류 메시지 자체를 해석해 해결하는 것이 중요합니다. 첨부된 이미지를 보면 오류의 구체적인 내용이 포함되어 있을 가능성이 크지만, 해석하기 어려울 수도 있습니다. 만약 오류가 ‘모듈을 찾을 수 없습니다’ 같은 내용이라면, 라이브러리나 모듈의 설치 여부를 npm 또는 yarn 명령어로 확인해보시면 좋겠습니다.
비슷한 경험을 가진 다른 수강생들이 있을 수 있습니다. 이러한 오류를 다룬 관련 게시물에 대한 답변을 통해 더 많은 정보를 얻으실 수 있습니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.