webpack-dev-server 返回“配置有一个未知的属性‘错误’”

Posted 2023-03-13

【中文标题】webpack-dev-server 返回“配置有一个未知的属性‘错误’”

【英文标题】：webpack-dev-server return "configuration has an unknown property 'error'"

【发布时间】：2018-03-12 23:51:10

【问题描述】：

我已经安装了 webpack^3.0.0 和 webpack-dev-server^2.9.1（在项目上和全局上）。 在项目根目录中运行webpack-dev-server 时，出现错误

Invalid configuration object. webpack-dev-server has been initialised 
using a configuration object that does not match the API schema.
 - configuration has an unknown property 'error'. These properties are 
valid:
object  hot?, hotOnly?, lazy?, bonjour?, host?, allowedHosts?, 
filename?, publicPath?, port?, socket?, watchOptions?, headers?, 
clientLogLevel?, overlay?, progress?, key?, cert?, ca?, pfx?, 
pfxPassphrase?, requestCert?, inline?, disableHostCheck?, public?, 
https?, contentBase?, watchContentBase?, open?, useLocalIp?, openPage?, 
features?, compress?, proxy?, historyApiFallback?, staticOptions?, 
setup?, before?, after?, stats?, reporter?, noInfo?, quiet?, 
serverSideRender?, index?, log?, warn? 

项目根目录下的 webpack.config.js 文件包含以下内容：

module.exports = 
  entry: 
    app: [
      './src/index.js'
    ]
  ,
  module: 
    loaders: [
      test: /\.jsx?$/,
      exclude: /node_modules/,
      loader: 'babel-loader'
    ]
  ,
  resolve: 
    extensions: ['*', '.js', '.jsx']
  ,
  output: 
    path: __dirname + '/dist',
    publicPath: '/',
    filename: 'bundle.js'
  ,
  devServer: 
    inline: false,
    contentBase: './dist'
  
;

我已尝试遵循this SO question 中的建议，但无济于事。如何让 webpack 启动？

我还注意到，当我在全球范围内安装 webpack-dev-server^2.9.1 时，尽管它存在，但它拒绝承认它的对等 webpack^3.0.0。有关系吗？

【参考方案1】：

问题与问题末尾提到的全局安装有关。从项目根目录运行webpack-dev-server 似乎导致项目安装和全局安装都开始起作用，因此它们之间存在相互的端口冲突。其中一个在检测到这个冲突时抛出了一个错误，另一个认为这是额外的配置输入。

使用 webpack-dev-server 的项目安装解决了这个问题。

【讨论】：

正是我想要的。我卸载了本地 webpack-dev-server，它现在工作正常。出于某种原因，npm start（配置为运行 webpack-dev-server）从未抛出任何错误。

【参考方案2】：

在 webpack-dev-server 库版本 2.9.3 中解决（全局/本地实例冲突）。

已关闭 github 问题：https://github.com/webpack/webpack-dev-server/issues/1142