[Error] Error: Could not find a production build in the '....' directory.

Source:  Print Copy Factory

 

next에서 공식문서보고 배우기 시작할 때 무심코 할 수 있는 실수가 있다. 

바로 build를 하지 않아서 생기는 에러이다.  

에러는 아래와 같이 발생한다.  

Error: Could not find a production build in the '....' directory.

 

해결법은 정말 간단하다 

yarn next build

`yarn next build`를 한 후에 `yarn next start`를 해주면 된다. 

즉 파일이 변경된 것 반영시키고 싶으면 항상 `next build`를 해주고 `next start`를 해주면된다.  

 

그럼 우리가 react에서  `npm run dev` or `yarn dev`라는 명령어로 개발자 모드를 한것처럼 당연히 `next.js`를 사용해도 이용할 수 있다.

 

`yarn next dev` 전부 입력해도 되지만 이미 next.js 를 처음 세팅하고 나면 아래처럼 되어있다.

따라서 바로 `yarn dev`만 해주면된다. 

사실 build도 scripts 덕분에  `yarn build`만 해주면 된다.

 

 

혹시 특정 파일 또는 폴더를 더 제외하고 원하는 부분의 변경만 감지하기를 원한다면

아래처럼 `next.config.js`파일에서 설정해줘야한다. 

module.exports = {
  webpackDevMiddleware: (config) => {
    config.watchOptions = {
      poll: 1000, // 파일 변경을 폴링 간격 (ms)으로 감지
      ignored: /node_modules/, // 감지에서 제외할 파일 또는 폴더
    };
    return config;
  },
};