Webpack 无效的配置对象答案

【问题标题】：Webpack Invalid configuration objectWebpack 无效的配置对象
【发布时间】：2020-05-28 16:18:50
【问题描述】：

我收到一些关于 webpack 的错误，例如：

配置对象无效。 Webpack 已使用与 API 架构不匹配的配置对象。 - configuration.resolve 具有未知属性“扩展”。这些属性是有效的：object { alias?, aliasFields?, cachePredicate?, cacheWithContext?, concord?, descriptionFiles?, enforceExtension?, enforceModuleExtension?, extensions?, fileSystem?, mainFields?, mainFiles?, moduleExtensions?, modules?, plugins?, resolver?, symlinks?, unsafeCache?, useSyncFileSystemCalls? } -> 解析器 npm ERR 的选项！代码生命周期

这是我的 webpack.config.js

module.exports = {
    entry: [
        './src/index.js'
    ],
    output: {
        path: __dirname + '/dist',
        publicPath: '/', 
        filename: 'bundle.js'
    },
    devServer: {
        contentBase: './dist'
    },
    module: {
        rules: [{
            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            use: ['babel-loader']
        },
        {
            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            use: ['eslint-loader']
        }
        ]
    },
    resolve:{
        extension: ['.js', '.jsx']
    }
}

【问题讨论】：

标签： javascript node.js reactjs webpack webpack-4

【解决方案1】：

webpack 中只有 extensions 配置

尝试像这样更改您的代码

resolve:{
        extensions: ['.js', '.jsx']
    }

【讨论】：