Горячая перезагрузка webpack-dev-server не работает? - PullRequest
0 голосов
/ 27 августа 2018

В React я запускаю "start": "webpack-dev-server --hot", но получаю эту ошибку: this

Моя файловая структура:

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;

main.js:

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

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

1 Ответ

0 голосов
/ 27 августа 2018

Слушай, ты еще не добавил пакет webpack cli , который принимает флаг --hot. Попробуйте после добавления этого пакета. Он должен работать. Дайте мне знать, если это не поможет.

РЕДАКТИРОВАНИЕ: "start" : "webpack-dev-server --mode development --config webpack.config.js --open --hot:

убедитесь, что в вашей корневой папке есть конфигурация webpack, и перезапустите ваш dev-сервер.

...