[Front-End] Next.js 에러 1

Property 'store' does not exist on type 'NextPageContext'

다음과 같은 환경에서 발생한 에러입니다.

“next”: “^11.1.0”,
“next-redux-wrapper”: “^7.0.2”

해결방법

당장의 문제는 해결됐지만 근본적인 문제가 해결되지 않았습니다. 따라서 근본적인 문제해결을 위한 해결방법2를 추가했습니다.

NextPageContext의 declare module의 잘못된 경로로 인해 발생한 에러.

node_modules/next-redux-wrapper/es6/index.d.ts 를 확인해보면 맨 아래에

위와 같은 코드를 확인할 수 있다.

next 11.1.0 버전에서는
next-server 대신 shared에 해당 파일들이 들어있다.

따라서 declare module 'next/dist/next-server/lib/utils'을

declare module 'next/dist/shared/lib/utils' 으로 바꿔주면 정상적으로 동작한다.

해결방법2

근본적인 문제가 해결하기 위해선 버전을 낮춰 호환되는 상황으로 만들어줘야한다.

“next”: “^10.0.0”,
“next-redux-wrapper”: “^6.0.2”

위와 같이 다운그레이드 시킨다면 문제가 해결된다.

다운그레이드를 하는 방법은 yarn upgrade package@version으로 사용하면 된다.
예를들어 yarn upgrade next@^10.0.0처럼 사용한다.