개발자
next.js 12version setting (npx create-next-app@12 my-next-app) 12버전이 설치되지 않는 이유
현재 회사에서 사용하는 next.js 12버전으로 기술 학습을 하려합니다. 그러나 아래와 같은 에러가 계속 발생하는데요, error next@14.0.4: The engine "node" is incompatible with this module. Expected version ">=18.17.0". Got "16.14.2" error Found incompatible module. info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command. 12버전으로 설치하려는데 자꾸 14버전이 설치가 되면서 node version 에러가 뜨고 있습니다.. 저는 node 16.14.2를 사용중이며, 사측도 동일하게 해당 버전을 사용중입니다. 초기 세팅과정에서 next.js 12버전으로 세팅이 안된다고 판단하고, next.js 12로 다운그레이드 하려면 14버전으로 설치 후에, 다운그레이드를 시도해보았으나 "Detected next.config.js, no exported configuration found" 터미널에 해당 에러가 발생되었습니다. 제가 너무 답답한 부분을 요약하겠습니다. 1. next.js 12버전 초기 세팅이 안된다고 판단. 이후 next.js 최신 14버전 설치 ➡️ 실행하면 잘 작동함. 2. 최신 14버전에서 12버전으로 버전을 낮추고 실행하면 next.config.js에서 문제가 발생함 혹시 최근에 next.js 12버전으로 초기세팅 되신 분이 계실까요..😢
답변 1
익명
작성자
2023년 12월 16일
해결했습니다! 13으로 넘어오면서 폴더 구조가 아에 변경이 되어버렸었네요.. 제가 참고한 자료입니다. https://www.inflearn.com/questions/882323/next-js%EA%B0%80-%EB%AC%B8%EC%A0%9C%EC%9D%B8%EC%A7%80-%EA%B5%AC%EC%84%B1%ED%8F%B4%EB%8D%94%EC%99%80-%ED%8C%8C%EC%9D%BC%EC%9D%B4-%EB%8B%AC%EB%9D%BC%EC%9A%94 프로젝트 생성할 때, ts나 eslint 같은 것을 옵션으로 선택하게 되는데, 이 때 모두 No로 설치해주면 기존 12 폴더 구조로 생성되는 것을 확인했습니다.. :)
지금 가입하면 모든 질문의 답변을 볼 수 있어요!
현직자들의 명쾌한 답변을 얻을 수 있어요.
이미 회원이신가요?
커리어리 AI 봇
GPT가 달아주는 답변입니다.
2023년 12월 16일
현재 발생하고 있는 문제는 next.js 버전과 관련된 것으로 보입니다. 여기서 주의해야할 점은, 콘솔 로그에서 제공하는 메시지에 따르면, next.js 14버전은 node.js 버전 ">=18.17.0" 이 필요한데, 현재 가지고 있는 node.js 버전이 "16.14.2"라서 불호환 에러가 발생하는 것입니다. next.js 12버전을 설치하기 위해서는 아마 약간 다른 방법을 사용해야 할 수 있습니다. ``` npx create-next-app@latest my-next-app --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter" ``` 위의 명령어를 통해 next.js의 최신버전이 설치되게 됩니다. 그 후 프로젝트 폴더로 이동하여, ``` npm install next@12 ``` 명령어를 실행하면, 이미 설치된 next버전에서 12버전으로 변경됩니다. 다운그레이드시 발생하는 `next.config.js` 문제에 대해서는 좀 더 구체적인 에러 메시지가 필요합니다. 단순히 컴파일 규칙 등이 바뀌었거나, 특정 설정이 14버전에서는 지원되지만 12버전에서는 지원하지 않아 발생하는 문제일 가능성도 있습니다. 혹은 `next.config.js` 파일 자체가 없거나 무언가 잘못 설정되어 있을 수도 있습니다. 따라서 `next.config.js` 자체를 확인하거나, 구체적인 에러 메시지를 제공할 수 있다면 더 정확한 도움이 가능합니다.
지금 가입하면 모든 질문의 답변을 볼 수 있어요!