[Next js] localhost 진입 불가능할 때 해결 방법

터미널에 yarn dev or npm run dev 실행 시 http://localhost:3000 으로 진입이 불가능할 때 해결 방법

 

1) 루트 경로에 .babelrc 파일을 생성 후 다음과 같이 입력

{
  "presets": ["next/babel"],
  "plugins": []
}

2) 루트 경로에 있는 .eslintrc.json 파일을 열어 코드를 아래와 같이 수정

{
  "extends": ["next/babel","next/core-web-vitals"]
}

3) next.config.js에 공백 부분을 밑의 코드 처럼 수정함

const nextConfig = {
    reactStrictMode: true,
    swcMinify: true,
    experimental: {
        appDir: true,
    },
}