[Error] bash: yarn: command not found && syntaxError

bash: yarn: command not found && syntaxError 왜 뜨지..?

사건의 발단

신규 프로젝트를 하면서 yarn 과 vite로 새로운 react세팅을 시작하게 되었다. 그러다 npx로 만들었었던 github의 이전 react 폴더를 clone 받아 오는 과정에서 user폴더의 package.json 파일의 내용을 지우면서 시작된다..

1. vite 없음
2. yarn node 있음
3. 그러나 yarn이 깔리지 않고, yarn을 통해 깔아야 하는 module이 깔리지 않는 상황 발생
4. 30분 고민하다 바로 달려감

해결 시도

1. git clone 다시 해보기 -> 실패
2. npm으로 yarn -g 설치 해보기 -> 실패
3. node.js 제어판에서 지우기만 해보기 -> 실패
4. yarn 의 metadata의 json파일에서 예기지 않은 input이 있기에 yarn의 metadata를 yarn cache clean를 통한 yarn 초기화 -> 실패
5. error An unexpected error occurred: "/usr/local/share/.cache/yarn/v4/npm-yarn-1.15.2-7a064ca81ca34235f16376ad2f796ed432f9e285/node_modules/yarn/.yarn-metadata.json: Unexpected end of JSON input".ㅠㅠ..

Windows 10, yarn에서 global 명령어 문제를 감지

• yarn global bin 명령어로 Yarn 의 bin 폴더를 확인하고, 복사
• C:\Users\82109\AppData\Local\Yarn\bin
• 이 것을 복사한 후, 윈도우 검색 창에 시스템 환경 변수 편집 검색해 들어가기

• 환경변수 클릭 후

• 시스템 변수의 path를 누른 후 편집하기 누르기

• 새로 만들기 누른 후 C:\Users\82109\AppData\Roaming\npm\node_modules\yarn\bin를 붙여 넣는다 (yarn이 있는 폴더)

• 확인 -> 닫기 (아마 여기까지만 해도 되는 듯 하다)

• node.js 제어판 -> 프로그램 추가/제거에서 지우기

• 해당경로의 파일 전부 삭제

C:\Program Files (x86)\Nodejs
C:\Program Files\Nodejs
C:\Users\User\AppData\Roaming\npm
C:\Users\User\AppData\Roaming\npm-cache

• node.js 재 설치

• npm i -g yarn 재 설치

• yarn 재 설치

• yarn dev로 파일 열기

끝.. 와 역시 세팅은 너무 어렵다.

(출처 : [Error] TypeError: Cannot set properties of null (setting 'innerHTML') )
(출처 : [오류해결] bash: yarn: command not found 가 뜨네.. 왜..지?)
(출처 : Windows 10, yarn에서 global 명령어 문제)
(출처 : 윈도우 Node.js 설치 방법 (완전 삭제 및 재설치))