Webpack 无效的配置对象

Posted 2023-03-08

【中文标题】Webpack 无效的配置对象

【英文标题】：Webpack Invalid configuration object

【发布时间】：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']
    

【参考方案1】：

webpack 中只有 extensions 配置

尝试像这样更改您的代码

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