webpack 핫 로더를 사용할 수 없습니다. React

Question

webpack의 핫 로더의 작동 버전을 사용하여 앱을 개발하는 동안 실시간 편집을하려고했습니다. 자습서를 따르고 라이브 편집 작업을 수행 할 수없는 상태에서 처음부터 시작하기로 결정했습니다.

React Hot Loader boilerplate의 깨끗한 레포를 복제하고 Dan Abramov의 create-react-app을 사용해 보았습니다. 두 앱을 모두 만들 수 있습니다. [WDS] Hot Module Replacement enabled이라는 콘솔에 로그가 표시되지만 파일을 편집해도 페이지가 다시로드되거나 터미널에있는 모든 항목이 트리거되지 않습니다. this troubleshooting page, 나는이 범주에 속하는 :

내가 볼

은 "[WDS] 핫 모듈 교체가 가능"하지만 노드 0.11.13을 실행하는 경우 내가 App.js

를 편집 할 때 아무 일도 발생하지 않습니다 , 0.12로 업데이트하려고 할 수 있습니다. 어떤 사람들은이 문제를 해결하는 데 도움이되었다고보고했습니다. 또한 요구 사항이 파일과 동일한 파일 이름을 가지고 있는지 확인하십시오. App.js와 doingrequire ('app')를 사용하면 일부 시스템에서 감시자가 이동할 수 있습니다.

OS X에는 드물게 발생하는 버그로 인해 파일 시스템 변경 모니터링과 관련하여 일부 폴더가 '손상'됩니다. 다음은 제안 된 수정 사항입니다.

문제 해결 가이드의이 부분을 살펴 보았지만 아무런 반응이 없었습니다.

저는 Ubuntu 16.04에서 npm v2.15.1 및 노드 v4.2.6을 실행하고 있습니다.

Answer 1

문제는 우분투의 관찰자와 관련이 있습니다. 우분투에서 나는 dmsesg 로그를 검사 해 보았고 리소스가 고갈되어 사용할 수 없음을 알려주었습니다. troubleshoot page of react-hot-loader에서

$ tail -f /var/log/dmesg 
(Nothing has been logged yet.) 
tail: inotify resources exhausted 
tail: inotify cannot be used, reverting to polling 

:

우분투 사용자 (및 기타) : echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p.

그러면 예상대로 핫 로더가 작동했습니다.