문제 상황
typescript 강의에서 초기 설정 중 문제가 발생했다.
npm install typescript -g
cmd창에서 위와 같은 명령어를 입력하여 global 옵션으로 타입스크립트를 설치했지만 tsc라는 명령어를 입력(타입스크립트가 잘 설치되었는지 확인하는 명령어)했을 때 아래 사진과 같이 나와야 하지만 제목과 같은 오류가 떴다.
해결
typescript가 잘 설치되었다는 명령어를 봤지만서도 혹시 내가 잘못 본 건 아닐까, 실수한 건 없을까 싶어 npm 버전, node 버전을 확인했다.(typescript를 사용하기에 앞서 node가 제대로 설치되어 있어야 하기 때문)
npm과 node는 정상적으로 깔려있었다.
혹시나 cmd 창이어서 안되는건가 싶어 VS Code의 터미널에서 npm install typescript를 한 후 tsc와 tsc -v를 입력해서 확인해봤다.
혹시나 했는데 역시나다.
왜 유독 내 컴퓨터만 그런건진 모르겠는데 또,, 또,, 환경변수 문제로 typescript가 설치된 경로를 읽지 못해서 생긴 오류인거 같아 환경변수 설정을 해주었다.
1. 윈도우 왼쪽 하단 검색창에 시스템 환경 변수 편집 입력 후 클릭
2. 고급 - '환경변수' 클릭
3. 시스템 변수 - 'path' 한 번 클릭 후 '편집' 클릭
4. '새로만들기' 클릭 후 경로 지정. 일반적으로 window에서 typescript가 설치되는 경로는
C:\Users<사용자 이름>\AppData\Roaming\npm 또는 C:\Program Files\nodejs
위와 같은 경로를 가진다.
나의 경우는 지난번과 마찬가지로 ' \ ' 자리에 '₩'를 사용했다.
이렇게 설정한 후에 '확인'을 누르고 터미널을 껐다가 켜서 tsc 명령어를 입력하면 정상적으로 인식하는 것을 확인할 수 있다.
그런데
왜 항상 나만 뭐 깔기만 하면 환경변수 설정을 새로 해줘야 하는걸까....