webpack-dev-server 运行报错

Question

运行webpack-dev-server报错，具体如下：

首先，我参照webpack中文官网的步骤，在webpack.config.js中加入了devServer配置，配置如下：

然后我在package.json中加入了命令： "start": "webpack-dev-server --open "

然后我在cli中输入npm run start ,报错，报错信息 如下：

Cannot read property 'compile' of undefined

求大佬帮忙解答一下这是为什么啊，跟官网的步骤一摸一样的啊，搞了半天了。。。

Answer 1

解决办法可参见：TypeError: Cannot read property 'compile' of undefined #1334

解决思路： 优先使用 Google 引擎进行搜索关键词句, 比如 webpack Cannot read property 'compile' of undefined；看能否找到相应的问题（一般大家遇到的，别人都已经遇到过，所以基本可以找到）；。

如果不行，不妨换一种方式再搜索，譬如：site:stackoverflow.com webpack Cannot read property 'compile' of undefined，在具体某个网站下搜索；如果还是没能找见解决办法的话，可以在各种平台提问，比如这 segmentfault。

额外补充： 对于 Google 这个工具还真是有必要先学；这好比功夫中的“乾坤大挪移”，掌握了之后学其他的东西和解决问题都会事半而功倍。具体常用操作可参见：如何更好地运用 Chrome (Google)。倘若，不能够没有适用 Google 的环境，那么这里整理集结若干优质搜索引擎，堪称 Google 搜索优质替代品，可供阁下参考。

Answer 2

webpack-dev-server如果是3.x的话，webpack必须是4.x才不会报此TypeError: Cannot read property 'compile' of undefined错误, 同理如果webpack是3.x，则webpack-dev-server必须是2.x