[NEXT] yarn install시 모듈이 인식 안 되는 문제

 문제 상황

npx로 새로운 프로젝트를 만들고 yarn install을 하여 종속성을 설치할 경우 제대로 된 인식이 안 되고 있다. react와 next가 동시에 인식이 안 되는 것을 보니 npm에 새로운 버전이 올라가 있는데 yarn의 저장소에는 해당 버전이 업데이트 안 돼서 생기는 문제다.

이 에러가 발생하는 상황의 버전은 아래와 같다.

{
  "name": "ken-blog",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@types/node": "20.5.9",
    "@types/react": "18.2.21",
    "@types/react-dom": "18.2.7",
    "autoprefixer": "10.4.15",
    "eslint": "8.48.0",
    "eslint-config-next": "13.4.19",
    "next": "13.4.19",
    "postcss": "8.4.29",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "tailwindcss": "3.3.3",
    "typescript": "5.2.2"
  }
}

 

해결법

npx의 종속성을 따라가므로 npm을 통하여 설치하면 된다.

npm install

 

그 후 다시 yarn install을 통하면 정상적으로 작동한다.

 

npx를 이용하여 프로젝트를 설치하지 않고 yarn에 있는 버전을 이용해 프로젝트를 시작하는 방법으로 해결하려고 하면 안 된다.

yarn create next-app

 

현재로서는 npm을 이용하여 프로젝트를 관리하는게 이상한 에러로 시간 안 잡아먹는 방법인 듯하다.