[VUE] [HMR] Waiting for update signal from WDS

안녕하세요!

프뚜(프로그래머 뚜)입니다!

 

[개발 환경]

 - OS: windows 10 64bit

 - git: 2.37.1.windows.1

 - nodejs: v16.16.0

 - npm: 8.15.0

 - yarn: 1.22.19

 - @vue/cli(vue3): 5.0.8

 - vue-router: 4.1.3

 

 

VUE를 개발하던 도중 콘솔창을 확인하다가 아래 메세지가 나오게 되었습니다.

영알못인 프뚜는 인터넷 검색을 하게 됩니다.. 변경사항의 적용이 잘 안 되는 문제를 겪는 사람에게 나타난다고 합니다. 바로바로 적용이 되지 않았던 부분들이 이 문제 때문인가 싶습니다.

해결방법에 대해 알아보도록 하겠습니다.

 

 

1. 아래의 경로로 이동하기

# 현재 프로젝트 (vue-tistory)
./node_modules/webpack/hot/

프뚜의 프로젝트명은 vue-tistory입니다.

 

 

2. log.js 파일열기

module.exports = function (level, msg) {
   if (shouldLog(level)) {
      if (level === "info") {
         console.log(msg);
      } else if (level === "warning") {
         console.warn(msg);
      } else if (level === "error") {
         console.error(msg);
      }
   }
};

위 로그가 출력됨을 확인할 수 있습니다.

 

 

3. 로그가 출력되는 부분을 주석처리하기

주석완료하게 되면 더이상 위 로그가 나오지 않습니다.

 

 

궁금하신 부분 또는 문제가 생긴 부분에 대해서 댓글 남겨주시면 빠르고 정확한 답변드리겠습니다.

 

텐핑 CEO가 말하는 '내가 텐핑을 만든 이유'