React.js 运行 yarn start 会报错答案

【问题标题】：React.js running yarn start results in errorReact.js 运行 yarn start 会报错
【发布时间】：2018-11-02 18:50:58
【问题描述】：

当我运行 yarn start（它只是 webpack-dev-server index.js 的包装器）时会导致此错误：

yarn run v1.12.1
$ webpack-dev-server index.js
C:\react-tut\node_modules\webpack-dev-server\bin\webpack-dev-server.js:363
    throw err;
    ^


TypeError: Cannot destructure property `compile` of 'undefined' or 'null'.
    at addHooks (C:\react-tut\node_modules\webpack-dev-server\lib\Server.js:114:49)

at new Server (C:\react-tut\node_modules\webpack-dev-server\lib\Server.js:127:5)

at startDevServer (C:\react-tut\node_modules\webpack-dev-server\bin\webpack-dev-server.js:355:14)

at portfinder.getPort (C:\react-tut\node_modules\webpack-dev-server\bin\webpack-dev-server.js:323:5)

at C:\react-tut\node_modules\portfinder\lib\portfinder.js:190:16
at C:\react-tut\node_modules\portfinder\node_modules\async\lib\async.js:52:16
at C:\react-tut\node_modules\portfinder\node_modules\async\lib\async.js:269:32

at C:\react-tut\node_modules\portfinder\node_modules\async\lib\async.js:44:16
at C:\react-tut\node_modules\portfinder\lib\portfinder.js:151:16
at Server.onListen (C:\react-tut\node_modules\portfinder\lib\portfinder.js:43:7)

实际上我不确定发生了什么，因为我只是在学习关于使用 yarn 设置 React 的教程。

【问题讨论】：

你使用的 webpack-dev-server 是什么版本的？
"webpack-dev-server": "^3.1.10"
你在学习什么教程？
codeburst.io/…

标签： reactjs yarnpkg

【解决方案1】：

webpack-dev-server 3.x 仅与 webpack 4.x 兼容。因此，我建议您将其降级为 webpack-dev-server 2.x，如 v2.11.1。查看github issue 或Github issue 了解更多详情

试试

yarn upgrade webpack-dev-server@^2.11.1

【讨论】：