React.js 运行 yarn start 导致错误

Question

当我运行 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 的教程。

Answer 1

webpack-dev-server 3.x 仅兼容 webpack 4.x。所以我建议你将它降级到 webpack-dev-server 2.x 像 v2.11.1。查看此 github issue or Github issue 了解更多详情

试试

yarn upgrade webpack-dev-server@^2.11.1

React.js 运行 yarn start 导致错误

React.js running yarn start results in error

reactjs

yarnpkg