Yarn 설치 및 환경 변수 설정: 의존성 문제 해결

들어가기

Yarn 설치 중 발생하는 command not found와 의존성 충돌 문제를 해결하는 방법

Yarn 설치 문제

npm install -g yarn 실행 후 발생할 수 있는 문제

Yarn 명령어를 인식하지 못하는 문제 (yarn not found) npm 글로벌 디렉토리 경로 문제 PATH 환경 변수 설정 누락

문제 해결 가이드

1. npm 글로벌 디렉토리 수동 생성

글로벌 패키지를 저장할 디렉토리를 직접 생성

mkdir -p ~/.npm-global/bin

2. Yarn 재설치

npm install -g yarn

설치 후 디렉토리 확인:

ls ~/.npm-global/bin

3. 환경 변수(PATH) 설정

Yarn을 사용할 수 있도록 PATH에 해당 경로를 추가

~/.zshrc 파일 열기

nano ~/.zshrc

PATH 추가 아래 줄을 파일 맨 아래에 추가하세요:

export PATH="$PATH:$HOME/.npm-global/bin"

파일 저장 후 종료

저장: Ctrl + O 입력 후 Enter

종료: Ctrl + X

zshrc 적용 설정을 적용합니다

source ~/.zshrc

4. Yarn 버전 확인

PATH 설정 후, Yarn이 제대로 작동하는지 확인합니다

yarn --version

버전 정보가 출력되면 설정이 완료된 것입니다.

(하지만 저는 yarn --version이 정상적으로 나타나지 않아서 5번까지 수행하였습니다 ㅠ)

5. 문제 지속 시: npm 캐시 초기화 및 디렉토리 재설정

만약 문제가 계속되면, npm의 캐시를 초기화하고 글로벌 디렉토리를 다시 설정해 보세요:

npm 캐시 초기화

npm cache clean --force

글로벌 디렉토리 재설정

npm config set prefix ~/.npm-global

Yarn 재설치

npm install -g yarn

환경 변수 다시 확인 및 설정

> 3번 과정으로 다시 올라가서 해주세요

React프로젝트 구성을 하다가 발생한 이슈를 해결해 보았습니다.

아래 블로그를 참조해 저는 프로젝트 세팅을 하였으니 참조하셔도 좋습니다.

https://adjh54.tistory.com/390

[React] 간단한 CRA + Typescript 기반 React 프로젝트 구성 : 프로젝트 생성, Router 구성