• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

react typescript vite 설치시 오류 질문드립니다.

23.08.03 00:18 작성 23.08.03 00:19 수정 조회수 1.02k

0

제목처럼 react typescript vite설치를 하려고 터미널에 yarn create vite를 입력하여 설치를 했습니다.

아래 이미지와 같이 typescript를 선택 후,

스크린샷 2023-08-02 오후 10.30.31.png

 

설치를 완료했는데...

아래 이미지들처럼 설치 하자마자 빨간줄들이 난무하고있습니다ㅜㅜ

스크린샷 2023-08-02 오후 6.23.31.png

스크린샷 2023-08-02 오후 6.23.46.png

스크린샷 2023-08-02 오후 6.24.13.png

스크린샷 2023-08-03 오전 12.14.19.png

스크린샷 2023-08-03 오전 12.15.20.png

아래 이미지는 package.json 파일입니다.

스크린샷 2023-08-02 오후 11.24.43.png

어떻게 해결할 수 있을까요?

답변 2

·

답변을 작성해보세요.

1

저도 똑같은 에러가 발생했었는데 vscode 최신 버전으로 업데이트 하니 잘 작동합니다!

0

검색해보니
typescript 5에 추가된 nodeResolution: 'bundler'에 따라
VS Code의 버전도 함께 올려줘야 한다고 합니다.
VS Code 버전을 1.17.X 이상으로 업데이트 해보세요.

https://stackoverflow.com/questions/75870063/vscode-and-typescript-5-moduleresolution-bundler

엄태헌님의 프로필

엄태헌

질문자

2023.08.03

image말씀해주신대로 vscode를 업데이트하고 다시 실행을 했지만 여전히 에러가 사라지지않습니다ㅜㅜ

 

image

image

image

혹시 다른 해결법은 없을까요..?

혹시 yarn install 이 안되어있는건 아닌가요? 제가 태헌님의 상황을 정확히 알 수 없는 상태에서는 막연히 추정만 가능할 뿐이라...

엄태헌님의 프로필

엄태헌

질문자

2023.08.03

해결했습니다!

어떻게 해결하셨나요??

엄태헌님의 프로필

엄태헌

질문자

2023.08.03

image이 순서로 설치해서 해결했습니다! 제가 전에는 순서를 잘못 입력했었나봅니다ㅜ

 

그런데 혹시 typescript를 선택하는 란에 있는 typescript + swc는 그냥 typescript랑 뭐가 다른건가요?image