물에 살고싶은 개발자

Windows10 환경에서 react-native not found commend 에러 본문

React-Native

Windows10 환경에서 react-native not found commend 에러

돼지사랑 2019. 10. 14. 17:59


언제나 그렇듯 결론부터 


파워셀이나 cmd를 쓰면 한글로 오류메시지가 나오기도 한다. 그 커멘드는 쓸수없다는 식으로ㅇㅇ


나를 위해 일한 솔루션은 결국 환경변수 추가였다.


npm install -g react-native-cli 를 실행하면 npm과 리액트 네이티브의 경로가 나오는데,


npm의 경로를 시스템변수에 path에다 추가해주고 확인키를 누른 뒤 재부팅하면 된다.


그리고 하던대로 하면 된다.


---------------------------------------------------------------------------------------------------------------------------------------------------------



언제부턴가 나를 힘들게 하는건 내 코드로 인한 버그보다는 버전으로 인한 호환성 문제로 빌드가 안되거나,

갑작스럽게 원인모를 개발환경으로 인한 오류...정말 답답하기 그지없다.

코드로 인한 문제는 논리적은 추측으로 해결하는게 가능한데, 개발환경에서 빠그라지면 이게 대체 왜그러는지 추측하는것도 힘들고

오로지 검색으로만 해결해야하기때문이다.

(물론 해당 기술의 오픈소스 프로젝트에 참여해 구조를 파악하고 있다면 코드의 버그처럼 해결해도 되겠지만 난 그렇지 않은 사람이기때문에 해당사항이 없는 얘기다)


아무튼 서론은 이쯤하고, 이번엔 또 "명령어를 찾을수 없다" 라는 녀석이 월요일아침부터 나를 반겨줫다.

얼른 마무리지어서 마감해야하는데 이 뻒킹에러는 정말 건드린거 1도 없는데 밑도끝도없이 나타났고,

(금요일엔 분명 잘 되는걸 확인하고 퇴근했기 때문) 이때문에 오전을 지나 오후 2시반쯤 되어서야 문제를 해결했다.


이번 문제해결과정에서 제일 큰문제는 해당 오류를 겪는 사람들 대부분이 맥북유저였다는점...이었을것이다.

윈도우를 분명 더 많이쓸텐데 왜 항상 스택오버플로우에는 맥유저나 리눅스유저만 있는지...

아무튼! 처음 이 오류가 떳을때부터 환경변수가 어디 날라갓나? 왜안되지? 라는식으로 생각하긴했는데, 

결국 "어떤 환경변수를 어디에 추가"해야할지 몰랐기때문에 구글링을 시작했다.


이런경우 정말 짜증나고 답답한게..일단 내 상황이랑 같은 문제를 겪는사람이 올린 글을 찾기가 힘들다는것이다.

나는 당장 문제를 해결해야하는데, 내가 질문글을 올린들 언제 답장이 올거라는 확신도 없기에 일단은 검색을 먼저 하는것인데

오류메시지만 같고 상황은 다르거나, 나는 윈도우인데 맥유저이거나 하는 경우가 허다하다.


어쨋든 급한건 나니까 이리저리 검색을 해보고 중간중간 내 추측대로도 해보고 했지만, 결국 두어시간의 키워드를 바꿔가며 이리저리 구글링 한 끝에 내 환경에 맞는 솔루션을 발견했고, 해당내용을 적용, 해결했다.


개소리가 길었는데, 아무튼 맨위에 써둔 솔루션의 친절한 버전으로 포스팅한다.


나는 개인적으로 리액트 네이티브의 빌드를 vsc에서 해서 bp(중단점,브레이크포인트), 디버깅 등을 하면서 개발을 하는데

권한이 필요한 설치나 뭐 아무튼 디버깅할때를 제외하곤 윈10의 파워셀에서 빌드를 한다.


그런데, 오늘 출근 후 위에서 쓴것처럼 CommandNotFoundException가 날 반겨줫다.

(띠용!! asd는 에러메시지를 보여주기 위해 일부러 입력했다. 지금은 해결돼서 react-native 라는 명령어로는 볼수없기때문ㅎㅎ)


해결방법은 자바나 안드로이드를 깔아본 사람이면 누구나 아는 그 방법이다.

환경변수 추가! 

npm의 경우 설치하면서 자동으로 환경변수를 잡아주는걸로(-g 옵션으로ㅇㅇ) 알고있는데,

왜인지 환경변수를 안잡아줫거나 아무튼 뭐 대충 그런이유겠지 싶은 이유로 명령어가 글로벌등록이 안된것이라고 추측했다.

위에 말한것처럼 몇시간 검색질하다 결국 솔루션 발견!


스택오버플로우에 나와있듯이, 환경변수설정해주면 된다. npm경로를 ㅇㅇ

일단 터미널에서 cmd, 파워셀 등에다가 react-native를 설치할때 썻던 명령어 


npm i -g react-native-cli


를 입력해주면, npm과 react-native가 설치된 경로가 나온다. 

기본적으로는


C:\Users\유저명\AppData\Roaming\npm\node_modules\react-native-cli


에 있으니 참고하자. 


위에 경로에서 npm까지 나간 뒤에 시스템경로에 path에 추가해주자.


(맨 아래처럼 추가해주면 된다.)


그 다음 적용을 위해 재부팅 해주면 된다.


끗!!



Comments