🛠 사건의 발단
리액트 팀 프로젝트 진행시 그리고 인프런 강의에서도 리액트 스타일 라이브러리를 styled-components로 사용을 해야해서 설치를 하려고 시도해보았습니다..
VS Code 터미널에서 설치 명령어인 npm install styled-components 를 입력하니 뭔~가 설치가 되긴 했는데 알 수 없는 에러가 섞여있는 느낌을 받았습니다.
그래서 확인을 해보니 npm 버전이 낮아서 적용이 안된다는 내용을 확인해 npm 버전을 최신 버전으로 설치를 했더니, 이번엔 node 버전이 낮아서 npm을 사용할 수 없다는 내용이 나타났습니다.
따라서 node 버전도 업그레이드 해주었는데 여기서부터 꼬이기 시작했습니다..🤯..
처음에 노드를 설치했던 방식과 업그레이드 하면서 사용한 명령어가 달라서 문제가 생긴것 같은데,, npm install -g n 으로 업그레이드 진행하니 아래 코드와 같이 installed 된 node 버전 경로와 active 되고 있는 node 버전 경로가 달라 계속해서 터미널을 다시 시작하면 구 버전인 node 12버전으로 실행이 되는 문제가 생겼습니다.
ihr-ui-MacBookPro:~ hr$ sudo n
Password:
copying : node/18.12.1
installed : v18.12.1 to /usr/local/bin/node
active : v12.14.1 at /Users/hr/.nvm/versions/node/v12.14.1/bin/node
🛠 시도해본 내용
처음에는 버전들이 너무 꼬여있는 것 같은 느낌을 받아 아예 깔끔하게 다 지우고 재설치를 하고자 했습니다. 그래서 node 완전삭제 같은 키워드로 검색을 해서 나온 아래와 같은 명령어들 + 기타등등 은 거의 다 입력해본 것 같습니다..😅
sudo rm -rf /usr/local/lib/node
sudo rm -rf /usr/local/lib/node_modules
sudo rm /usr/local/lib/dtrace/node.d
sudo rm /usr/local/share/man/man1/node.1
sudo rm -rf /usr/local/share/doc/node
sudo rm -rf /usr/local/share/systemtap/tapset/node.stp
sudo rm -rf /usr/local/include/node
sudo rm /usr/local/bin/node
sudo rm /usr/local/bin/npm
sudo rm /usr/local/bin/npx
brew uninstall node
brew doctor
brew cleanup
강제 실행 명령어들이 포함되어 있음에도 노드가 깨끗하게 지워지지 않고 계속 남아있었습니다. 강사님들과 같은 조원 분들께 자문을 구해도 해결이 되지 않았고, 이러한 여러가지를 시도해보는 과정에서 위에 나온 installed node 경로와 active node 경로가 다르다는걸 깨달았습니다.
🛠 node 연결 시도와 문제 해결!
installed 경로와 active 경로를 맞춰주고자 nvm install --lts 로 맞춰준 사례를 보고 시도, link 연결 방식인 ln -sf installed경로 active경로 해당 방법으로도 시도해보았으나 결과는 모두 실패.. 미동도 없는 저의 맥북이었습니다..
저에게 한 줄기 빛같은 팀원분들이 계속 도와주려 같이 노력해 주셔서 드디어.! 문제를 해결하는 방법을 찾아주셨습니다..!ㅠ_ㅠ 👍🏻
기본 설정되어 있는 default node 버전을 최신 버전으로 바꿔주는 내용인데
nvm ls 확인 후
nvm alias default 18.12.1(변경 원하는 버전으로 입력)해당 내용을 터미널에 입력해주고 터미널을 종료했다 다시 켜서 node -v 을 확인해 보면 최신 버전인 18버전으로 결국 나옵니다!! 감격...
해결 못하면 정말 최후의 방법으로 시스템 초기화까지 생각하고 있었는데 너무 감사드렸던 팀원 분들의 도움으로 최악의 상황은 모면했습니다 ㅠㅠ 하루를 날려가며 해결한 문제라 까먹겠나 싶지만 혹시 몰라 정리해 봅니다..
별거 없지만 결국 styled-components를 적용해본 귀여운 나의 리액트 페이지..ㅎㅎ..
참고 자료 : https://codedamn.com/news/nodejs/how-to-uninstall-node-js#Uninstalling_the_Nodejs_on_Mac
참고 자료 : https://gahee0416.tistory.com/22
