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

엄태헌님의 프로필 이미지

작성한 질문수

풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기

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

작성

·

1.4K

·

수정됨

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

엄태헌님의 프로필 이미지
엄태헌
질문자

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

 

image

image

image

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

정재남님의 프로필 이미지
정재남
지식공유자

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

엄태헌님의 프로필 이미지
엄태헌
질문자

해결했습니다!

정재남님의 프로필 이미지
정재남
지식공유자

어떻게 해결하셨나요??

엄태헌님의 프로필 이미지
엄태헌
질문자

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

 

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

Rust 기반의 Compiler라고 하네요, 속도가 더 빠르다고 합니다.