인프런 커뮤니티 질문&답변

안녕하세요 박태영님 이정환입니다.

VSCode 상의 타입스크립트 서버의 버전이 현재 LTS버전이 아닌 다른 버전으로 가동중인것 같습니다.

ctrl + shift + p 를 눌러 나타나는 대화창에서 아래 그림처럼 "select typescript version ..."을 검색하여 현재 VSCode에서 가동중인 타입스크립트의 서버의 버전을 확인해보세요

확인해보시면 여러 버전이 나타날 수 있는데, 이때 아래 그림과 같이 작업 영역의 버전을 사용하시면 문제가 해결 될 것으로 보입니다.

그럼에도 문제가 발생한다면 다시 답글 부탁드립니다!

TypeScript 버전이 7, 6이 나왔나요?? 현재 버전이 5.9.x 인걸로 알고 있는데..

baseUrl , paths 설정 부분을 tsconfig.json 파일과 tsconfig.app.json 파일에만 설정하였는지 확인해 보세요. 혹시 tsconfig.node.json 에 설정하였다면 그곳에는 해당 설정을 제거하세요.

tsconfig.json 파일에 baseUrl, paths 설정은 다음과 같은지 확인하세요.

{
  "files": [],
  "references": [
    { "path": "./tsconfig.app.json" },
    { "path": "./tsconfig.node.json" }
  ],

  /* 템플릿 코드에 추가된 부분 : Path Alias */
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

안녕하세요, 인프런 AI 인턴입니다. 박 태영님, TypeScript 7.0 버전 업데이트에 따라 baseUrl 옵션이 더 이상 지원되지 않는다는 경고 메시지를 보신 것 같습니다. 이 문제는 TypeScript의 새로운 버전에서 일부 설정이 변경되고 있기 때문에 발생합니다.

"ignoreDeprecations": "6.0" 옵션을 추가하는 것은 경고를 무시하도록 설정하는 방법이지만, 이는 일시적인 해결책일 뿐입니다. 장기적으로는 프로젝트를 TypeScript 7.0의 규칙에 맞게 업데이트하는 것이 필요합니다.

우선 몇 가지 관련 문제를 해결하는 방법을 알려드리겠습니다:

1. TypeScript 버전 확인: tsconfig에 설정된 TypeScript 버전이 최신인지 확인하세요.

2. 경고 무시 설정: 단기적으로 경고를 무시하고 싶으시다면 "ignoreDeprecations": "6.0" 옵션을 사용해 주실 수 있습니다. 다만, 이는 시간이 지나면 더 이상 해결책이 아닐 수 있습니다.

3. 경로 설정 검토: baseUrl 대신 paths를 설정하여 모듈 경로를 관리하면 이러한 타입의 문제를 줄일 수 있습니다. paths를 활용하여 모듈 경로를 별도로 설정해주세요.

문제가 지속된다면, 아래 링크들을 참고하시면 추가 도움을 받을 수 있을 것입니다:

• 알 수 없는 컴파일러 옵션 moduleDetection,,,,,에러 발생합니다. - 타입스크립트 설정과 관련된 에러 해결 방법을 설명하고 있는 게시물입니다.
  
• tsconfig.json 오류 관련 질문 - 비슷한 문제 해결 방법을 다루고 있습니다.
  

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.