I recently installed webpack and webpack-dev-server and getting this error on running it on localhost

Question

I recently installed webpack and webpack-dev-server and getting this error on running it from terminal.

error: [webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema. - options has an unknown property 'contentBase'. These properties are valid: 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? }

Please provide enough code so others can better understand or reproduce the problem. — Community, Oct 29 '21 at 13:03
The error is extremely clear: you use fields that are not allowed. — DoneDeal0, Oct 29 '21 at 13:16

Ahmed Radi · Answer 1 · 2022-04-08T09:32:44.483

1

Now webpack changed contentBase to static

To install webpack-dev-server

yarn add webpack-dev-server

or

npm install webpack-dev-server

then in webpack.config.js add this code

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

edited Apr 08 '22 at 09:32

answered Nov 11 '21 at 08:50

Ahmed Radi

677
1
5
20

I recently installed webpack and webpack-dev-server and getting this error on running it on localhost

1 Answers1