我最近安装了 webpack 和 webpack-dev-server 并在 localhost 上运行它时出现此错误

Posted 2023-02-19

【中文标题】我最近安装了 webpack 和 webpack-dev-server 并在 localhost 上运行它时出现此错误

【英文标题】：I recently installed webpack and webpack-dev-server and getting this error on running it on localhost

【发布时间】：2021-12-14 05:39:24

【问题描述】：

我最近安装了 webpack 和 webpack-dev-server，并在从终端运行时收到此错误。

错误： [webpack-cli] 无效的选项对象。开发服务器已使用与 API 架构不匹配的选项对象进行初始化。 - 选项具有未知属性“contentBase”。这些属性有效：object allowedHosts?、bonjour?、client?、compress?、devMiddleware?、headers?、historyApiFallback?、host?、hot?、http2?、https?、ipc?、liveReload?、magichtml?、onAfterSetupMiddleware ?, onBeforeSetupMiddleware?, onListening?, open?, port?, proxy?, server?, setupExitSignals?, static?, watchFiles?, webSocketServer?

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

错误非常明显：你使用了不允许的字段。

【参考方案1】：

现在 webpack 将 contentBase 更改为 static

安装 webpack-dev-server

yarn add webpack-dev-server

或

npm install webpack-dev-server

然后在 webpack.config.js 中添加这段代码

devServer: 
    static: 
        directory: path.join(__dirname, './public'),
    ,
    // hot: true,