Javascript 网页包初始化失败

我刚刚进入了一个网上教程的网页

每当我运行npm run dev时，web包都不会运行，并给出错误：web包已使用与API架构不匹配的配置对象初始化

-configuration.output具有未知属性“fileName”。这些属性是有效的： 对象{auxiliaryComment？、chunkFilename？、webassemblyModuleFilename？、globalObject？、crossOriginLoading？、JSONPScript类型？、chunkLoadTimeout？、devtoolFallbackModuleFilenameTemplate？、devtoolModuleFilenameTemplate？、devtoolNamespace？、文件名？、hashDigest？、hashDigestLength？、hashFunction？、hashSalt？、hotUpdateChunkFilename？、hotUpdateFunction？，hotUpdateMainFilename？，jsonpFunction？，chunkCallbackName？，library？，libraryTarget？，libraryExport？，path？，pathinfo？，publicPath？，sourceMapFilename？，sourcePrefix？，StricModuleExceptionHandling？，umdNamedDefine？} ->影响编译输出的选项。输出选项告诉Web包如何将编译后的文件写入磁盘。

这是我的档案：

package.json

webpack.config.js

---

您的输出对象错误。fileName=>fileName

const path = require('path');

module.exports = {
    entry: './src/js/index.js',
    output: {
        path: path.resolve(__dirname, 'dist/js'),
        filename: 'bundle.js'
    },
    mode: 'development'
}

---

我认为将文件名更改为文件名将解决您的问题。@IlyasDeckers这就是问题所在。谢谢！

const path = require('path');

module.exports = {
    entry: './src/js/index.js',
    output: {
        path: path.resolve(__dirname, 'dist/js'),
        fileName: 'bundle.js'
    },
    mode: 'development'
}

const path = require('path');

module.exports = {
    entry: './src/js/index.js',
    output: {
        path: path.resolve(__dirname, 'dist/js'),
        filename: 'bundle.js'
    },
    mode: 'development'
}