我正在嘗試設定 webpack 開發服務器，但出于某種原因，我遇到了錯誤。
[webpack-cli] 無效的選項物件。已使用與 API 架構不匹配的選項物件初始化開發服務器。options 有一個未知的屬性“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? }
我確實在全球范圍內安裝了所有需要的軟體包并嘗試了一些其他建議，但我無法讓它作業。
這是配置：
const path = require('path');
module.exports = {
entry: './app/Main.js',
output: {
publicPath: '/',
path: path.resolve(__dirname, 'app'),
filename: 'bundled.js',
},
mode: 'development',
devtool: 'source-map',
devServer: {
port: 3000,
contentBase: path.join(__dirname, 'app'),
hot: true,
historyApiFallback: { index: 'index.html' },
},
module: {
rules: [
{
test: /\.js$/,
exclude: /(node_modules)/,
use: {
loader: 'babel-loader',
options: {
presets: [
'@babel/preset-react',
['@babel/preset-env', { targets: { node: '12' } }],
],
},
},
},
],
},
};
我的檔案：
在此處輸入影像描述
期待你的回答！謝謝
uj5u.com熱心網友回復：
我可以假設在遷移到最新版本的 Webpack/DevServer 后出現錯誤，他們做了一些重大更改，包括 devServer 設定。特別是對于這個問題，請嘗試使用此代碼而不是contentBase：
devServer: {
static: {
directory: path.resolve(__dirname, 'app'),
},
...
這是可以幫助https://github.com/webpack/webpack-dev-server/blob/master/migration-v4.md的整個遷移指南
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/379289.html
標籤：节点.js 反应 网络包 webpack-dev-server
上一篇：將文本添加到物件屬性值的開頭