코딩/Error

gyp Error - Mac OS 업데이트 후 npm i 시 발생

AMD만세 2023. 1. 3. 17:39

<Vue> 

OS: MAC OS(Ventura 13.0.1)

 

1) 에러 내용

    1) gyp        

gyp: No Xcode or CLT version detected! gyp ERR! configure error  gyp ERR! stack Error: `gyp` failed with exit code: 1

 

2) 해결

     Xcode를 설치한다.

         -> 앱스토어에서 설치함

         -> 아니면 터미널에서 설치

sudo rm -rf /Library/Developer/CommandLineTools 
xcode-select --install

 

잘 설치되었는 지 확인한다.

xcode-select --print-path

아래와 같이 정상출력되면 npm install 실행한다.

/Library/Developer/CommandLineTools

 

3) 원인

    node-gyp는 cross-platform command-line tool 로, native addon modules를 컴파일 해주는 도구.
(native addon modules란 C나 C++로 작성된 동적 링크 공유 객체로 노드의 require() 함수에 의해 로드 되어 일반적인 노드 모듈처럼 사용됨)

keypoint  =>  node-gyp는 python과 visual studio build tools에 의존하기 때문에 이에 대한 셋팅을 해주는 것.

MS의 Visual Studio for Mac도 iOS/macOS용 소프트웨어를 최종 컴파일하려면 Xcode가 설치되어 있어야 하며, 게임메이커 유니티, 언리얼, 리액트 네이티브도 iOS 환경으로 컴파일 하려면 Xcode가 필요하다.

 

[출처]

https://velog.io/@wjs4199/React-npm-install%EC%8B%9C-node-gyp-%EC%97%90%EB%9F%AC

 

[React] npm install시 node-gyp 에러

노트북 백업 안해놓고 버티다가ㅎ... 노트북 맛탱이가 감...ㅠㅠ결국 포맷하고 vscode부터 다시 깔고 시작했는데, 이전에 react로 만들었던 코드를 실행하려고 npm install하니 npm-gyp 에러가 와장창창

velog.io

https://namu.wiki/w/Xcode

 

Xcode - 나무위키

2003년 10월 24일 출시 사실상 Project Builder의 개명 버전에 가깝다. 다만, 넘어오면서 UI 변경, Code Sensing(소스 코드를 인덱스하여 자동 완성을 제공하는 기능) 추가 등이 있었다. 별로 특별한 것은 없

namu.wiki

https://jojoldu.tistory.com/566

 

Mac OS 업데이트 후, NPM install시 gyp 오류날 경우

Mac OS를 업데이트 이후 (BigSur) 로 npm install이 정상적으로 작동안될 수가 있습니다. 보통 아래와 같은 에러 메세지가 발생할때인데요. gyp: No Xcode or CLT version detected! gyp ERR! configure error gyp ERR! stack Er

jojoldu.tistory.com