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

Question

我最近安装了 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? }

Answer 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,
}