1. 문제 발생

프로젝트 빌드 중에 발생한 에러이다. 아래는 프로젝트의 package.json 이다.

최신 버전의 패키지를 사용하지 않았으므로 최신 버전의 패키지라면 아마 발생하지 않았을 것이다. 실제로 해당 에러를 해결하기 위해 알아보았지만 상당히 자료가 적었다.

"dependencies": {
    "@sanity/client": "^6.15.11",
    "@sanity/image-url": "^1.0.2",
    "next": "14.1.4",
    "next-auth": "^4.24.7",
    "react": "^18",
    "react-dom": "^18",
    "react-icons": "^5.0.1",
    "react-is": "^18.2.0",
    "react-multi-carousel": "^2.8.5",
    "react-spinners": "^0.13.8",
    "swr": "^2.2.5",
    "timeago.js": "^4.0.2"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "autoprefixer": "^10.0.1",
    "eslint": "^8",
    "eslint-config-next": "14.1.4",
    "postcss": "^8",
    "tailwindcss": "^3.3.0",
    "typescript": "^5"
  }

2. 문제 해결

sanity/cli 를 찾지 못한다고 했는데 npm run dev로 실행하면 잘 실행이 됐기에 이해가 안갔다.

그래서 package.json 을 다시 한 번 봤는데 sanity/cli 는 물론 sanity 패키지 조차 없었다.

그러다가 sanity를 사용하기 위해 만든 폴더 안에 또 다른 package.json이 존재했다.

사실 당연했다. sanity를 실행하기 위해서는 sanity폴더로 따로 이동해서 npm run dev를 실행했는데 해당 파일이 존재하지 않았을 리가 없다.

그리고 해당 package.json 에는 @sanity/vision 과 sanity, @sanity/eslint-config-studio 가 있었다.

그래서 아래와 같이 sanity의 package.json 의 모든 의존성을 프로젝트의 package.json에 옮겨서 npm install 을 실행해주었다.

성공적으로 빌드가 완료됐다.