[Typescript] 맥 command not found: tsc 해결 방법

진행하고 있는 프로젝트에서 프런트엔드 단이 필요해서 typescript로 구현해 보려는 순간

tsc 명령어가 실행이 안되는 오류가 발생했다. 이러면 typescript를 실행할 수 없다. 

---

해결 방법

순서대로 따라오자.

1. npm 전역 패키지에 접근이 가능한지 확인하자

npm list -g --depth=0

여기서 2가지 경우가 있다.

1)  /Users/본인계정/.npm-gloabl/lib 

└── typescript@5.4.5 가 나온 경우 이 블로그에서 해결 불가능하다. 다른 글을 찾아보자 (영문 검색 추천)

2.) npm error path. npm-global라는 문구가 나온 경우

 

이러면 npm 전역 패키지 접근이 불가능한 경우다. 경로를 zshrc에 직접 설정해줘야 한다. 

(1) 전역 설치 디렉토리 생성

mkdir -p ~/.npm-global

/Users/본인계정/ 경로에 .npm-global이 만들어진다.

(2) npm 전역 설치 경로 설정

npm config set prefix '~/.npm-global'

(3) PATH 환경 변수 설정 

open ~/.zshrc
# 또는
nano ~/.zshrc

open으로 사용하면 텍스트 편집기로 열려서 수정이 편한다, 하지만 기억으로는  텍스트 편집기로 열리게 초기 설정을 해야 한다.

(4) npm 전역 설치 경로 설정

연 zshrc 파일에 밑의 코드를 추가한다. (zshrc파일 안쪽에 복붙하자)

export PATH=~/.npm-global/bin:$PATH

텍스트 편집기로 연 경우 저장 후 닫으면 되고, nano로 연 경우 저장 이후 밑의 명령어를 한번 처야 적용된다.

source ~/.zshrc

(5) Typescript 설치

npm install -g typescript

(6) 전역 패키지 목록 확인

npm list -g --depth=0

위의 단계를 잘 따라왔으면 

/Users/본인계정/.npm-gloabl/lib 
└── typescript@5.4.5

이런 식으로 잘 나올 것이다. 이게 나오면 이제 경로가 인식이 된다는 이야기이므로 tsc가 멀쩡히 동작한다.

(7) tsc 동작 확인

tsc --version

버전을 출력하면 성공이다. (잘 안되면 노드부터 다시 까는 것을 추천)

 

cf) 참고로 tsc app.ts는 app.js를 만드는 명령어다.