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

React를 연습하던 도중 콘솔창을 확인하다가 이런 메세지를 보았다.

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

이게 무슨 의미인지 알 수 없어서 찾다보니

이 메세지가 나오면서 변경사항의 적용이 잘 안되는 문제를 겪는 사람들이

있다는 것을 알게 되었다.

생각보다 바로바로 적용되자 않았던 부분들이 이 문제 때문인가 싶기도 했다.

그래서 해결방법을 찾게 되었다.

React를 하다가 저런 메세지가 콘솔창에 뜨게 되면

진행하던 React 폴더 안에 node_modules 폴더를 찾을 수 있다.

node_modules/webpack/hot/log.js를 찾아서 그 log.js 파일을 열어보면

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);
		}
	}
};

이 코드들을 볼 수 있다. 여기서 함수 안의 코드들을 아래와 같이 주석처리를 하면

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);
	// 	}
	// }
};

저 메세지가 안나오게 된다.

좋은 웹페이지 즐겨찾기