web-dev-qa-db-fra.com

WebPack Dev Server Config - Contentbase ne fonctionne pas

J'essaie de configurer un serveur WebPack Dev, mais pour une raison, je rencontre une erreur.

[Webpack-cli] objet d'options non valides. Dev Server a été initialisé à l'aide d'un objet Options qui ne correspond pas au schéma de l'API. Options a une propriété inconnue 'Contentbase'. Ces propriétés sont valides: {objet allowedHosts ?, ?, client ?, Bonjour ?, compress devMiddleware ?, têtes ?, historyApiFallback ?, hôte ?, hot ?, HTTP2 ?, https ?, ipc ?, liveReload ?, magicHtml ?, onAfterSetupMiddleware ?, OnBeforesettupmiddleware ?, OnListening?, Open ?, Port ?, Proxy ?, Serveur?, SetupexSignals ?, statique ?, Watchfiles ?, Webocketserver? }

J'ai installé tous les paquets nécessaires à l'échelle mondiale et j'ai essayé d'autres suggestions, mais je ne peux pas le faire fonctionner.

Ceci est la configuration:

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' } }],
                        ],
                    },
                },
            },
        ],
    },
};

Mes dossiers:
Entrez la description de l'image ici

Dans l'attente des réponses avec impatience! Merci

node.jsreactjswebpackwebpack-dev-server
1
Alaris

Je peux supposer que l'erreur est apparue après la migration vers la dernière version de Webpack/DevServer, ils ont fait plusieurs modifications de rupture, y compris les paramètres DEVSERVER. Surtout pour cette question, essayez d'utiliser ce code au lieu de contentBase:

  devServer: {
    static: {
      directory: path.resolve(__dirname, 'app'),
    },
   ...

Voici tout le guide de migration qui peut aider https://github.com/webpack/webpack-dev-server/blob/master/migration-v4.md

0
Źmicier Jaraševič