외곈 World 👽🌏

👿 에러상황

eslint prettier 줄바꿈 에러 왕창………

ERROR in [eslint]
src\\App.tsx
  Line 1:26:   Delete `␍`  prettier/prettier
  Line 2:30:   Delete `␍`  prettier/prettier
  Line 3:19:   Delete `␍`  prettier/prettier
  Line 4:1:    Delete `␍`  prettier/prettier
  Line 5:41:   Delete `␍`  prettier/prettier
  Line 6:39:   Delete `␍`  prettier/prettier
  Line 7:1:    Delete `␍`  prettier/prettier
  Line 8:35:   Delete `␍`  prettier/prettier
  Line 9:17:   Delete `␍`  prettier/prettier
  Line 10:11:  Delete `␍`  prettier/prettier
  Line 11:38:  Delete `␍`  prettier/prettier
  Line 12:38:  Delete `␍`  prettier/prettier
  Line 13:59:  Delete `␍`  prettier/prettier
  Line 14:12:  Delete `␍`  prettier/prettier
  Line 15:60:  Delete `␍`  prettier/prettier
  Line 16:13:  Delete `␍`  prettier/prettier
  Line 17:11:  Delete `␍`  prettier/prettier
  Line 18:31:  Delete `␍`  prettier/prettier
  Line 19:37:  Delete `␍`  prettier/prettier
  Line 20:26:  Delete `␍`  prettier/prettier
  Line 21:36:  Delete `␍`  prettier/prettier
  Line 22:10:  Delete `␍`  prettier/prettier
Failed to compile.

🧐 에러 원인

Git 설정과 VSCode 설정이 서로 충돌했기 때문에 에러 발생. "files.eol": "\n" 설정이 이미 VSCode에 있었지만, Git이 줄 바꿈 형식을 자동으로 변환하는 설정(core.autocrlf)이 활성화된 상태였기 때문에 발생한 문제

✨ 에러 해결

✅ Git 설정 업데이트

Windows에서 CRLF가 기본 줄 바꿈이 되지 않도록 다음 명령어로 Git 설정을 업데이트합니다.

# 프로젝트 로컬에서 실행
git config core.autocrlf false

# 글로벌 설정을 업데이트하는 경우
git config --global core.autocrlf false

• 모든 파일 LF로 변환

# Windows 환경에서 Git Bash 또는 WSL 사용 시
git ls-files -z | xargs -0 dos2unix

::참고:: 

Prettier 및 ESLint 강제 적용

npx prettier --write .
yarn eslint --fix .

VSCode에서 줄 바꿈 일괄 변경

• 명령 팔레트(Ctrl+Shift+P)에서 “Change All End Of Line Sequence”를 선택하고, LF로 변경

👿Yarn Berry 프로젝트 환경 설정 중 .yarn/cache 생성되지 않는 문제

Yarn Berry 프로젝트 환경 설정 중 .yarn/cache 생성되지 않는 문제. yarn install을 아무리 시도해도 캐시폴더가 생성되지 않음..

🧐 에러 원인

• 이전에는 enableGlobalCache의 기본값이 false였기 때문에, 각 프로젝트가 로컬 .yarn/cache 폴더에 의존성을 저장하도록 되어 있었다.
• 하지만 최근 업데이트에서 enableGlobalCache의 기본값을 true로 변경하여, 전역 캐시 사용을 기본 설정으로 적용하게 되었다.
• 따라서 Yarn의 최신 버전에서는 enableGlobalCache: false 설정을 .yarnrc.yml에 직접 추가해야만 로컬 캐시가 생성된다. 설정 파일에 해당 옵션을 직접 추가하지 않으면, Yarn은 전역 캐시를 사용하므로 .yarn/cache 폴더가 생성되지 않기 때문에 문제가 발생 했던 것!

✨ 에러 해결

• .yarnrc.yml 파일에 enableGlobalCache: false 설정 추가
  

  //.yarnrc.yml 
  nodeLinker: pnp
  enableGlobalCache: false
  ​

• 설정 변경 후 프로젝트 의존성 재설치
  

  yarn install

드디어 cache파일이 생성되었다!!