반응형

[vite] server connection lost. polling for restart...

 

서버가 실행된 포트(ex: 8080)와 외부에서 접속하는 포트(ex: 3000)가 다른 경우

로그가 콘솔에 표시되며 반복적으로 페이지 리로딩 현상이 발생할 수 있다.

 

이경우,

hmr(hot module replacement) 을 위한 포트를 외부에서 접속가능한 포트로 설정해 주어야 한다.

  server: {
    hmr: {
      clientPort: 3000,
    },
  },

 

아마도 hot reloding을 위해 클라이언트(브라우저)에서 서버로 주기적으로 체크를 하는 모양인데,

기본값이 서버가 실행된 포트(위의 경우:8080)인 것 같다. 

위의 설정을 통해 hmr을 위한 포트를 외부에서 접속가능한 포트로 설정해 주면, hmr 체크도 정상, 리로딩도 발생하지 않는다.

 

반응형

+ Recent posts