Question

我已经通过运行npm install webpack -g在全局安装了它，并通过运行npm install webpack --save-dev将其包含在我的项目中。

但是，在运行webpack命令时，我看到以下输出：输出文件名未配置。

这是webpack配置：

output: {
    filename: 'bundle.js',
    library: 'require',
    libraryTarget: 'this'
},

这是我可以通过网络获得的唯一线索:: http://anujnair.com/blog/12-output-filename-not-configured-error-from-webpack 但它没有解决问题

任何帮助都会很棒

Answer 1

我收到同样的错误，结果证明是我的webpack配置文件名。

我将其设为“webpack.config”而不是“webpack.config.js”

“输出文件名未配置”错误似乎在某处出现错字时出现，并且我发现文件名是一个你忘了检查的偷偷摸摸的地方。

Answer 2

同时仔细检查webpack.config.js文件是否位于正确的位置（通常是项目的根目录），并且配置文件中列出的路径是正确的。

Answer 3

这个错误的常见错误是拼写错误，而且大部分时间都是错误的 module.export代替module.exports。同时检查文件名是否应该是.js扩展名。例如webpack.config.js

Answer 4

您必须在项目根目录中有一个名为webpack.config.js的文件。

Answer 5

您的webpack.config.js文件中有某个拼写错误。查看配置文件。有类似的问题，这是一个错字的结果。

Answer 6

尝试使用module.exports = config导出配置，其中config是您在JavaScript对象中的配置。在你的情况下，只需做

module.exports = {
  output: {
    filename: 'bundle.js',
    library: 'require',
    libraryTarget: 'this'
  }
}

如果这不能解决您的问题，请参阅https://github.com/webpack/webpack/issues/2403

上的问题

Answer 7

如果您正在运行命令＆＃39; webpack -w＆＃39;对于没有webpack配置文件的目录。

因此，如果您打开新的终端窗口或选项卡，并且在运行webpack命令之前未将目录更改为项目的根目录，则会收到错误。

Answer 8

如果您使用__dirname，请确保它引用了正确的路径。默认路径为/，它是本地驱动器根目录。

Answer 9

我遇到了类似的错误，并设法解决了这个问题。问题的核心实际上不是在webpack.config.js代码中，而是在我的条目js文件中（在我的例子中是main.js）。确保您具有正确的需求和呈现代码。我的示例代码如下：

var React = require('react');
var ReactDOM = require('react-dom');

var Main = React.createClass({
  render: function() {
    return (
      <div>
         <h1>Hello World, lets see how you React..</h1>
      </div>
    );
  },
});

ReactDOM.render(<Main />, document.getElementById('app'));

Answer 10

如果出现此错误，请检查以下内容。

是否在目录中执行 webpack 命令 webpack.config.js 文件驻留。
您可能指向终端中的错误目录。
错字错误，文件名为＆＃34; webpack.config.js＆＃34;。
配置文件中没有要导出的模块。
检查配置文件中的拼写错误

Answer 11

创建文件@ root directory <span id="BrojPregleda">2</span>
粘贴此文件中的代码

module.exports = {
  entry: "./app.js",
  output: {
    filename: "bundle.js"
  }, 
  watch: true
}

app.js也应该在根目录中。在app.js文件中写下以下行：

document.write('welcome to react v2 app');

REF。 https://medium.com/@dabit3/beginner-s-guide-to-webpack-b1f1a3638460#.a64eeonhn

Answer 12

我在关注Webpacks docs for production builds后遇到了这个问题。我认为，遇到这个问题的方式是特定于webpack-merge。

这是他们的文档在webpack.dev.js中的内容：

const merge = require('webpack-merge');
const common = require('./webpack.common.js');

module.exports = merge(common, {
  devtool: 'inline-source-map',
  devServer: {
    contentBase: './dist'
  }
});

但这是我需要的：

const merge = require('webpack-merge');
const common = require('./webpack.common.js');

module.exports = merge(common(), {
  devtool: 'inline-source-map',
  devServer: {
    contentBase: './dist'
  }
});

请注意，唯一的更改是common()而不是common。

Answer 13

发布我的解决方案。可以帮助别人。

如果您收到此错误，则始终与某些拼写错误有关。在我的情况下，我忘了在最后以分号结束最后}，如下所示：};

module.exports = {
    entry: './index.js',
    output: {
        filename:'bundle.js'
    }
};

这很有用。

Answer 14

当配置详细信息出现拼写错误时，我遇到了此错误。

output: {
    path: "app/dist/assets",
    filname: "bundle.js",
    publicPath: "assets"
},

拼写错误＆＃34;文件名＆＃34;。纠正拼写，这个问题已经解决

Answer 15

在检查了应该是'webpack.config.js'的正确文件名后，还要注意检查'webpack.config.js'文件的位置。它应该与package.json文件所在的文件夹相同

Answer 16

确保webpack.config位于树中的适当位置。实际上我的位置是正确的，但我不得不删除整个文件，然后更换，因为我第一次在终端中运行web pack时错过了__dirname的下划线。而不是两个，我有一个。所以我运行了它，修复了几次尝试这个或那个，并发现了这篇文章。所以我重新开始，即使因为某种原因在同一个地方，它不是根据webpack。

Answer 17

假设您将使用Windows。我遇到了同样的错误，并意识到我必须在wiindows做类似的事情 d：\解压-的WebPack＆GT; d：\解压-的WebPack \ node_modules.bin \的WebPack

相反，我正在做 d：\解压-的WebPack \ node_modules.bin \的WebPack

希望这会有所帮助:) 谢谢 Gaurav Khurana

输出文件名未配置Webpack中的错误

17 个答案: