webpack-dev-server 热重载不起作用？

Question

在 React 中，我运行 "start": "webpack-dev-server --hot"，但出现此错误：

我的文件结构：

package.json:

  {
    "name": "reactapp",
    "version": "1.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
        "start": "webpack-dev-server --hot"
    },
    "author": "Sheharzad",
    "license": "ISC",
    "dependencies": {
        "babel-core": "^6.26.3",
        "babel-loader": "^7.1.5",
        "babel-preset-es2015": "^6.24.1",
        "babel-preset-react": "^6.24.1",
        "react": "^16.4.2",
        "react-dom": "^16.4.2",
        "webpack": "^4.17.1",
        "webpack-dev-server": "^3.1.6"
    }
  }

App.jsx：

import React from 'react';

class App extends React.Component {
   render() {
      return (
         <div>
            Hello World!!!
         </div>
      );
   }
}
export default App;

ma​​in.js：

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.jsx';

ReactDOM.render(<App />, document.getElementById('app'));

Answer 1

听着你还没有添加接受--hot 标志的webpack cli 包。添加此包后尝试。它应该工作。如果没有帮助，请告诉我。

已编辑： "start" : "webpack-dev-server --mode development --config webpack.config.js --open --hot:

确保您的根文件夹中有 webpack 配置并重新启动您的开发服务器。