Javascript 网页包无效的配置对象

我收到一些网页错误，如：

无效的配置对象。已使用 与API架构不匹配的配置对象。 -configuration.resolve具有未知属性“extension”。这些属性有效：对象{alias？，别名字段？， cachePredicate？，cacheWithContext？，concord？，DescriptionFile？， enforceExtension？，enforceModuleExtension？，扩展？，文件系统？， 主字段、主文件、模块扩展、模块、插件、？， 解析程序？、符号链接？、未安全缓存？、使用SyncFileSystemCalls？}-> 解析程序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']
    }
}

网页包中只有配置

尝试像这样更改代码

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

网页包中只有配置

尝试像这样更改代码

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