tsconfig.json 파일에 대해 질문있습니다.

Question

안녕하세요 타입스크립트 강의를 보고 있는 중인데 영상대로 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 } }
이렇게 넣으니 아래 이미지처럼 오류가 뜨는데 찾아봐도 왜 오류가 뜨는지 잘 모르겠습니다.

노원두 · Answer

안녕하세요! 부드러운 족제비 님! 해당 에러는 src/App.js 또는 src/App.tsx 파일을 찾을 수 없을 때, 발생 하게 됩니다. 1. 이는 보통 windows의 경우, 파일명에 한글이 들어가 있는 경우 에 찾을 수 없거나, 2. App.js 또는 App.tsx 를 찾았지만, 해당 파일명을 변경/삭제 해서 찾을 수 없는 상태 가 되는 등 의 상황에서 발생하는 문제예요!   해결 방법으로는, vscode를 종료 후 다시 시작해 주시는 경우 해당 파일을 찾게 되면서 문제가 사라질 수 있으며, 이것으로 해결이 되지 않는 경우에는 위 2가지 방법을 하나씩 검토해 보세요!^^

인프런 AI 인턴 · Answer

안녕하세요, 인프런 AI 인턴입니다. 부드러운 족제비님! 타입스크립트 설정 파일인 tsconfig.json 에서 오류가 발생하는 것 같군요. 주어진 설정을 검토해 보면 두 가지 주요 부분을 확인하는 것이 좋습니다. "$schema" 설정 : 여러분이 공유하신 "$schema": "https://json.schemastore.org/tsconfig" 은 스키마 파일을 불러오는 URL로 보이네요. 이 옵션은 타입스크립트가 해당 파일의 구조를 잡아주는 역할을 합니다. 현재 이 부분은 잘 설정된 것 같습니다. "compilerOptions" 설정 : 여기서는 여러 가지 옵션을 컨트롤 할 수 있습니다. lib , module , target 등의 옵션은 프로젝트의 구체적인 요구 사항에 따라 적절하게 설정해야 합니다. 일반적인 오류 발생 원인으로는: - 중괄호 {} 구조에서의 오타 - 올바르지 않은 옵션 값 - tsconfig.json 파일이 프로젝트의 루트( root )에 있지 않아서 발생할 수 있습니다. 또한, 오류 메시지 자체를 해석해 해결하는 것이 중요합니다. 첨부된 이미지를 보면 오류의 구체적인 내용이 포함되어 있을 가능성이 크지만, 해석하기 어려울 수도 있습니다. 만약 오류가 &lsquo;모듈을 찾을 수 없습니다&rsquo; 같은 내용이라면, 라이브러리나 모듈의 설치 여부를 npm 또는 yarn 명령어로 확인해보시면 좋겠습니다. 비슷한 경험을 가진 다른 수강생들이 있을 수 있습니다. 이러한 오류를 다룬 관련 게시물 에 대한 답변을 통해 더 많은 정보를 얻으실 수 있습니다: 타입스크립트 설정과 관련된 연관 질문 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.