Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs React热装机不';不要传播变化_Reactjs_Webpack_Webpack Dev Server_React Hot Loader - Fatal编程技术网

Reactjs React热装机不';不要传播变化

Reactjs React热装机不';不要传播变化,reactjs,webpack,webpack-dev-server,react-hot-loader,Reactjs,Webpack,Webpack Dev Server,React Hot Loader,我的问题是react hot reload检测到更改和需要更新的模块,并且显然会更新模块,但我的浏览器中没有任何更改 以下是我正在使用的库的版本: 反应-16.8.3 react dom(由react热加载程序修补)-16.8.3 反应热加载器-4.8.0 网页-4.29.6 下面是我的网页包开发服务器配置: historyApiFallback: true, hot: true, stats: 'none', quiet: true, port: port, host: host, 我的

我的问题是react hot reload检测到更改和需要更新的模块,并且显然会更新模块,但我的浏览器中没有任何更改

以下是我正在使用的库的版本:

  • 反应-16.8.3
  • react dom(由react热加载程序修补)-16.8.3
  • 反应热加载器-4.8.0
  • 网页-4.29.6
下面是我的网页包开发服务器配置:

historyApiFallback: true,
hot: true,
stats: 'none',
quiet: true,
port: port,
host: host,
我的网页配置的相关部分

entry: [
  'react-hot-loader/patch',
  'webpack-dev-server/client?http://localhost:8080',
  'webpack/hot/only-dev-server',
  './src/index.js',
],
resolve : {
  alias: {
    'react-dom': '@hot-loader/react-dom'
  }
},
我的.法律改革委员会:

"plugins": [
  "@babel/plugin-transform-flow-strip-types",
  "@babel/plugin-proposal-class-properties",
  "react-hot-loader/babel"
]
我最初的部分:

import React, { Component } from 'react'
import { hot } from 'react-hot-loader/root'

class App extends Component<PropTypes, StateTypes> {
  render (): React$Element<*> {
    return (
        <Router>
            <Switch>
                <Route
                    path="/home"
                    render={ (props: Object): React$Element<*> => <HomeView {...props } /> }
                />
                <Route component={ IntroView } />
            </Switch>
        </Router>
    )
  }
}

export default hot(App)
浏览器根本不反映代码更改。 没有错误,没有警告


尝试了几种不同的方法来检查任何潜在的错误,但目前我处于绝望的境地,不知道我还可以尝试什么。

同样的问题,任何地方都没有信息。它“工作”,但它实际上没有做任何事99%的时候,它更新,并告诉我它是最新的。我从来没有能够使反应热加载程序v4正常工作。大约每6个月,我就会尝试一次,但我也有这里提到的同样的问题。到目前为止,我一直使用v3,它应该如何工作。我今天的评论来自一个警告,React将删除v3 AppContainer所需的生命周期方法,“componentWillReceiveProps”,因此如果不进行修补,v3将停止工作。
import React from 'react'
import ReactDOM from 'react-dom'
import App from './app'

const appContainer = document.getElementById('appContainer')

if (module.hot) {
  module.hot.accept()
  if (appContainer) ReactDOM.render(<App />, appContainer)
} else if (appContainer) {
  ReactDOM.render(<App />, appContainer)
}
[WDS] App updated. Recompiling...
[WDS] App hot update...
[HMR] Checking for updates on the server...
XHR finished loading: GET "http://localhost:8080/df32ff4...hot-update.json.
[HMR] Updated modules:
[HMR] - ./src/library/protons/ModalWorkflow/sandbox/workflowStepOne.js
[HMR] - ./src/library/protons/ModalWorkflow/sandbox/index.js
[HMR] - ./src/configs/routes.js
[HRM] - ./src/views/intro/index.js
[HRM] - ./src/view/home/index.js
[HRM] - ./src/app.js
[HRM] App is up to date.