[error] pnpm 배포 하는데 에러 발생

기존 프로젝트를 내려받고 기능을 추가하고 배포를 하려는데 에러가 난다

 

그런데 나만 에러가 난다

다른 사람들은 이 프로젝트 배포할 때 다들 괜찮았다는데...

 

왜 나만 ㅠㅠㅠㅠ

 

 

우선 내가 난 에러는  eslint에서 타입에러가 났다

Linting and checking validity of types  ... ⨯ ESLint: Invalid Options: - Unknown options: useEslintrc, extensions - 'extensions' has been removed.
Linting and checking validity of types  ..Failed to compile.

 

 

그런데 나만 코드에 빨간 줄이 떠있고 다른 팀원분들은 다들 괜찮다는 것 ,,

우선 문제가 생긴 코드에서 타입을 수정하고 다시 빌드를 시도해도 다른 부분에서 에러가 걸린다

이렇게는 해결이 될것 같지 않아서 나만 에러가 나는 이유를 찾아보았다

 

우선 이 프로젝트는 pnpm을 사용한다

그래서 아래처럼 진행 (재앙 시작)

// pnpm 설치 
npm install -g pnpm 

// pnpm install진행
pnpm install

 

 

 

작업하고 git upload 하고 배포 진행 위해 빌드 시작

 

계속 에러가 나서 설치되어 있는 node_modules  pnpm-lock.yaml .next 파일들 모두 지우고 

다시 install 진행하고 다시 빌드 시도 했으나 똑같은 에러가 발생이 되었다 

 

그래서 다른 분들은 vscode를 사용하고 나는 웹스톰을 사용하고 있어서 웹스톰에서 eslint 플러그인이나 설정으로 인해서 그런 건지 싶어서

설정이랑 다 확인하고 vscode로도 시도해보고 혹시 몰라 컴퓨터도 다시 시작해보고 했으나 결국은 똑같음 ㅠㅠㅠ

 

 

한참을 원인과 해결방법을 찾아다니다가 설치된 버전들이 달라서 그럴 수도 있다고 하여

pnpm-lock.yaml 파일에 맞춰서 다시 install 진행

 

또 에러가 난다. 

 

 

알고보니 내가 pnpm을 설치할 때 버전이 달라서 그때부터 문제가 시작이 되었던 것

pnpm의 버전이 다르니 프로젝트 처음 시작할 때 lock파일이 변경이 되었고 

그러다 보니 버전이 달라진 부분들이 많아지면서 에러가 다 떴던 것이다

 

 

우선 pnpm 버전을 맞춰서 다시 install 하기

//pnpm 버전 확인
pnpm -v 
--> 나는 9.12.1 버전을 사용하고 있었다

// 프로젝트의 pnpm 버전 맞춰서 다시 install 진행
npm -g i pnpm@9.0.0

 

그리고 이전에 내가 install 하기 전의 lock 파일로 다시 되돌리기

 

그리고 lock 파일에 맞춰서 다시 install 진행

pnpm i --frozen-lockfile

 

위처럼 진행하면 lock파일 변경 없이 install 이 진행이 된다

 

 

그다음 빌드하니 해결!!!!!!!!!!!! 

설치할 때 버전 잘 확인하자