关于webpack-dev-server的配置

我在按照官方最简单的例子操作:

npm install webpack-dev-server --save-dev

webpack.config.js配置如下:

devServer: {
    contentBase: PATH.join(__dirname, "dist"),
    compress: true,
    port: 9000
},

package.json:

"scripts": {
    "start:dev": "webpack-dev-server"
},

但是我执行 npm run start:dev 会提示我需要"webpack-cli"
安装后,又提示我一个错误:

> webpack-dev-server

xx/web/node_modules/_webpack-dev-server@3.1.0@webpack-dev-server/bin/webpack-dev-server.js:405
    throw e;
    ^

TypeError: Cannot read property 'compile' of undefined

我的问题有两个:
第一,为什么需要webpack-cli,官方基础例子里并没有说需要额外的模块。
第二,“TypeError: Cannot read property 'compile' of undefined”是什么原因呢?

我的webpack版本是3.11.0, webpack-dev-server是3.1.0

感谢关注!

阅读 12.8k
2 个回答

webpack-cli 是webpack4的东西,版本看看对不对

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题