단일 페이지 앱 react hot reload 웹 팩 사용

단일 페이지 앱 react hot reload 웹 팩 사용

나는 웹팩데브서버와의 리액션 라우터를 사용하여 단일 페이지 리액션 앱을 설정하는 데 약간의 문제가 있다.내가 브라우저 히스토리 웹 팩을 사용하면 중첩된 경로 URL(예:/client/view)을 입력할 때 몇 가지 문제가 있다.apiFallback을 추가하면 해결될 수 있지만 핫로딩은 여전히 문제가 있다.존재하지 않는 딥 url(/client/view/hot-update.json)에서 hot-update.json 파일을 로드하여 실패하여 페이지를 다시 로드하려고 한다.hotreload를 기본 URL(/)에서 hot-update.json을 항상 로드하도록 하려면 어떻게 해야 하는가?

a를 사용할 때도 비슷한 문제가 있었다.publicPath이외에''에 프록시 항목을 추가함으로써 해결한 것devServer옵션:

devServer: {
  // ... rest of options
  proxy: {
    '/myPublicPath/*': {
      target: 'http://localhost:8080/',
      pathRewrite: { '^/myPublicPath': '' },
  }
}

그것 말고도 두 가지를 다 확인해라.output.publicPath그리고devServer.publicPath설정되고 동일하다.

이것이 도움이 되기를!

나도 비슷한 문제가 있었어.개발 서버가 계속 로드하려고 시도함bundle.jsURL에 상대적인 디렉토리에서.나의publicPath이다'/'그리고, 불행히도 다른 대답은 도움이 되지 않았다.나는 다음과 같이 문제를 해결했다.

  devServer: {   
    // ... other options 
    historyApiFallback: {
      rewrites: [
        { from: /^.*\/bundle\.js$/, to: '/bundle.js' },
      ]
    }
  }

참조URL: https://stackoverflow.com/questions/40159965/enable-single-page-app-react-hot-reload-webpack