Razzle: Redux 예제에는 공급자 HMR 경고가 있습니다.

client.js 파일에 다음 코드를 추가하고 경고를 제거합니다.

if (module.hot) {
  module.hot.accept();
  module.hot.accept('./App', () => {
    hydrate(
      <Provider store={store}>
        <BrowserRouter>
          <App />
        </BrowserRouter>
      </Provider>,
      document.getElementById('app')
    );
  });
}

누구든지 이것에 대해 어떤 견해를 가지고 있습니까?

PR을 제출할 수 있습니까?

key={Math.random()} 소품을 <Provider> 합니다. 이 경고를 수정해야 합니다.

@howardya 의 솔루션이 여기에 더 좋습니다. 임의 키를 사용하면 경고가 무시되지만 지원되지 않는 업데이트마다 저장소가 다시 생성된다는 사실은 변경되지 않습니다. 특히 redux dev-tools 또는 이와 유사한 것을 사용하는 경우 이상한 동작으로 이어질 수 있습니다.

./App 모듈을 구체적으로 처리하면 이미 별도로 처리되는 감속기를 제외한 거의 모든 업데이트를 포착합니다. 그러면 configureStore.js 및 client/index.js 자체에 대한 변경 사항이 처리되지 않은 상태로 남습니다. catch-all을 그대로 두어 모든 것을 다시 실행하고 여전히 경고를 발생시키거나 제거하여 페이지를 다시 로드할 수 있습니다. 나는 후자가 여기에서 더 정확할 것이라고 생각한다.

이를 위해 PR을 작성해 보겠습니다.

key={Math.random()} 소품을 <Provider> 합니다. 이 경고를 수정해야 합니다.

내 문제를 해결! 고마워요.