inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

한 입 크기로 잘라먹는 React.js 실전 프로젝트 - SNS 편

(2.4) Shadcn/ui를 소개합니다

tsconfig.app.json에서 에러발생

해결된 질문

335

박 태영

작성한 질문수 6

0

image.png

안녕하세요 선생님이 shadcn을 설치하고 있는데요 tsconfig.app.json에서 위와 같은 에러가 발생합니다.

혹시 몰라서 선생님이 올려두신 자료로 해봤지만 똑같네요...
그냥 "ignoreDeprecations": "6.0" 이걸 추가할까요?

react typescript react-query supabase zustand

답변 3

2

이정환 Winterlood

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

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

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

image.png

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

image.png

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

 

0

Codingbear

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/*"]
    }
  }
}

0

인프런 AI 인턴

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

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

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

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

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

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

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

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

회원가입 구현 (구현 후 최종 화면 출력 X)

0

64

2

(6.11) 회원가입시 프로필 정보 자동 생성하기 Q. 호출 순서 문의

0

56

1

명시적 타입 선언(콜론 타입 선언)과 as 타입 단언 차이

0

55

2

useMutation 적용 후 새로운 글 등록시 content가 안보여요

0

69

2

6.8 zustand 세션 질문입니다.

0

109

2

next.js 강의에서도 리액트 라이브러리들을 다뤄주시나요?

0

92

2

shadcn에서 radix ui와 base ui 차이는 뭔가요?

1

404

2

updateTodo 함수 생성시 화살표 함수 사용 안하는 이유

0

84

2

4.11 바로 투두 삭제가 안됨 질문

0

102

3

매개변수 updatedTodo 관련 질문

0

79

3

인증 정보가 만료되었을 때 라우트 가드 처리가 궁금합니다!

0

91

2

supabase를 사용하지 않을 경우 세션 데이터의 변경을 감지하고 스토어에 보관하는 방법이 궁금합니다!

0

85

2

4.6 id를 string으로 변경시 오류

0

74

2

리액트 타입스크립트 관련 질문있습니다.

0

71

1

소셜 로그인 구현하기 관련하여 질문이 있습니다!

0

108

2

ui 파일 질문드립니다.

0

90

1

tanstack query devtools에서 질문있습니다!

0

75

2

댓글 삭제 시 isPending 질문

0

72

2

두번째 예외상황에 대해 질문있습니다!

0

69

1

리액트 쿼리 질문입니다

1

83

2

개발자도구에서 components 가 안보입니다.

0

109

3

state 관리에 대한 정리

0

88

3

[(2.4) Shadcn/ui를 소개합니다] 강의 Shadcn 세팅 관련 질문 있습니다.

0

211

3

like 테이블에서 왜 create_at이 필요한지 궁금합니다.

0

87

1