전체 페이지를 다시로드하는 웹팩/핫 리로드 반응합니까?

Question

이것은 항상 묻는 질문 일지 모르지만 나는 태양 아래 모든 접근법을 시도해 본 결과 해결책을 찾을 수 없습니다.

I've created a repo to make it easier to get help. 복제 할 수 있으며 npm install을 실행 한 다음 npm start:dev을 실행하면 http://localhost:8080에 빠른 로컬 서버를 볼 수 있습니다.

파일을 변경하면 (예 : src/components/Note/Note.css) 앱이 다시로드됩니다. 그러나 전체 페이지가 아닌 구성 요소를 다시로드하려고합니다. 내가 뭘 잘못하고 있는지 모르겠다. 어떤 도움을 주시면 감사하겠습니다!

Answer 1

이와 같은 문제를 디버깅하려면 Chrome DevTools 콘솔 설정에서 '로그 보존'을 사용하여 페이지 새로 고침을 통해 콘솔 로그를 보존하십시오.

오류 :

Uncaught RangeError: Maximum call stack size exceeded 

다음과 같은 변경이 된 후이 수정되었습니다 : (웹팩-DEV-서버가 --hot으로 시작되면)

1. 는 플러그인에서 new webpack.HotModuleReplacementPlugin()를 제거

2. 또한 presets을 .babelrc에서 다음과 같이 업데이트하여 바벨 트랜스 실링 ES6 모듈을 옵트 아웃하십시오. ["react", ["env", { "modules": false }]].

"modules": false

수입/수출을 컴파일하지 바벨을 말해 here 및 here을 (단계 3.3.c 확인) 기술로 처리 웹팩 수 있도록하는 것입니다.