[Node.js Error] tsc -v 확인 불가능, React 설치 불가능

 

 

1. 상황

환경 설정 과정 중 에러가 발생했다.

윈도우 cmd 에서

tsc -v

가 먹히지 않는 것.

오류 출력 메시지도 안 뜨고, 어떠한 메시지도 안 뜸. 버전 확인이 불가능. 관리자권환으로 실행했으나, 그것도 불통.

 

그래도  where 쳐보니 node 파일에 설치는되어있음.

where tsc //cmd
where.exe tsc //powershell

 

요약하자면,

1. tsc 버전이 확인이 안됨. / powershell, cmd, git bash 까지 다 먹통
  > npm, node 버전은 확인이 잘 됨.
2. 여기서 더 나아가 creat-react-app 도 안됨. my-app(react) 폴더가 생성 안됨.

 

2. 원인 분석

- 여러가지 원인이 있으나, 필자의 경우 node.js 의 버전 이슈였다.

- 최신 버전일 경우 npm에서 지원되지 않는 도구가 있을 수도 있다는 것이었다.

- 정리하면, Node.js의 버전이 높아 React와 Typescirpt 설치에 문제가 있었다. 라는 것이다.

 

3. 해결 방법

- 필자는 마지막 방법을 통하여 해결하였다.

- 다른 사람들도 혹시 같은 문제를 겪을 수 있으니 다양한 해결방법(시도해왔던 것들)을 정리하겠다.

1. Node.js 를 재설치  / typescript , react

1) 프로그램 및 기능에서 node.js 삭제

2) 관련 폴더 삭제할것. npm, nodejs, npm-cache 

- C:\Program Files\nodejs

- C:\Users\[유저이름]\AppData\Roaming\npm

- C:\Users\[유저이름]\AppData\Roaming\npm-cache

3) '시스템 환경 변수 편집' > '고급' > '환경변수(N)...' > [사용자에 대한 사용자변수] 에서 Path 클릭 > 편집 클릭

- npm, nodejs 라고 되어 있는거 다 삭제.

4) 그런 후 node js 에서 재설치

 

2. 전역 설치 / typescript

전역으로 typescript 가 제대로 설치 안 되었을 수 있음.

npm install -g typescript

+) type script  재설치해보기.

npm uninstall -g typescript
npm install -g typescript

 

 

3. npm 업데이트 / typescript, react

npm이 오래된 버전일 경우 오류 발생할 수 있음.

npm install -g npm

 

4. 환경변수 설정 / typescript, react

- 환경변수가 제대로 설정되어 있지 않으면, 정상적으로 실행되지 않을 수 있음.

- 보통은 nodejs 설치시, 자동으로 환경변수 설정을 해주는데 오류가 생길경우 실제 경로와 일치하지 않을 수 있음

- 그리하여 환경변수 설정을 수동으로 직접 수정해줘야함.

1) 설정> 정보> 고급시스템설정> 고급> 환경변수 클릭

 2) 사용자에 대한 사용자변수> Path 클릭> 편집 클릭> 새로만들기에서 경로 적기

여기서 경로는 뭘로하냐 ??

일반적으로는 nodejs 설치 경로:

C:\Program Files\nodejs\

npm 전역설치 경로:

C:\Users\<사용자 이름>\AppData\Roaming\npm

실제로 경로를 통해 파일 들어가보면 됨.

 

5. npm 캐시 정리 문제 /typescript, react

npm, npx 캐시 문제일수도 있음.

먼저 npm 제거

npm uninstall -g npm

그후 캐시 삭제

npm cache clean --force

npm install -g npm

그러고 재설치

 

6. 권한 문제. / typescript, react

powershell 에서 스크립트 실행이 제한되어 있을 수 있음.

해결하기 위해 RemoteSigned로 설정해야함

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

cmd 에서 친 후, y 쳐주면 됨.

 

7. create-react-app 다른 방식으로 폴더 만들기

npx create-react-app@latest my-app --use-npm

- 해석하자면 create-react-app을 가장 최신 버전으로, myapp이란 이름으로, npm을 사용해서 만들겠다. 이거임.

- 확실히 이 방법 쓰니까 출력들이 일어나기는 함. / 난 실패함 : >

 

8. node.js 버전 문제 / 해결한 방법임!

정말 위의 7가지 방법을 여러번 시도했지만, 계속 실패함. 거의 3시간동안 붙잡음.

그러다가 알게된 것이 있음.

nodejs 가 버전이 최신이라 아직 지원하지 않은 npm이 존재할 수 있다는 것!

그리하여 node.js 를 18 LTS 버전으로 재 설치해봄.

홈페이지 Node.js 에서 설치하면 됨.

 

그러니까 tsc -v 이 먹힘 : >!! 

현재가 22.LTS 버전인데 아직 npm 지원하지 않는 경우가 많은 거 같음. 일단 npx, create-react-app, tsc 막힌거같음(근데 또 타입스크립트 폴더는 만들어줌.) 여튼.. 7가지 쭉해봐도 안 되면 버전을 한번 바꾸어보셈!