Javascript 网页包中未配置输出文件名错误

我通过运行npm install webpack-g在全球范围内安装了它，并且通过运行npm install webpack-save-dev将它包含在我的项目中

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

这是网页包配置：

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

这是我能从网上得到的唯一线索： 但这并没有解决问题

---

如果您使用的是windows，那么任何帮助都将非常有用。我也犯了同样的错误，意识到我必须在wiindows中做类似的事情 d:\unpack webpack>d:\unpack webpack\node\u modules.bin\webpack

相反，我在做 d:\unpack webpack\node\u modules.bin\webpack

希望这有帮助：） 谢谢

---

Gaurav Khurana

您的

webpack.config.js

文件中有一个打字错误。查看您的配置文件。有类似的问题，这是由于输入错误。

我得到了相同的错误，结果是我的网页配置文件名

我把它改为“

webpack.config

”而不是“

webpack.config.js

”

---

“Output filename not configured”（输出文件名未配置）错误似乎通常在某个地方出现，我发现文件名是一个你忘记检查的地方。

还要再次检查

webpack.config.js

文件是否在正确的位置（通常是项目的根目录）并且配置文件中列出的路径是正确的。

确保webpack.config位于树中的正确位置。实际上，我的文件放在正确的位置，但我必须删除整个文件，然后替换，因为第一次在终端中运行web pack时，我丢失了一个下划线作为_dirname。我有一个而不是两个。所以我运行了几次，尝试了这个或那个，发现了这篇文章。所以我重新开始，尽管出于某种原因，我在同一个地方，但这并不是根据webpack

如果使用

\uuu dirname

请确保它引用了正确的路径。默认路径是

/

，它是本地驱动器根。

在项目根目录上必须有一个名为

webpack.config.js

的文件。

如果在没有webpack配置文件的目录下运行命令“webpack-w”，也会发生此错误

---

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

此错误的常见错误是打字错误，并且大多数情况下是在写入

module.export

而不是

module.exports

。

---

另外，请检查文件名的扩展名是否应为.js。e、 g.

webpack.config.js

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

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'));

var React=require（'React'）；
var ReactDOM=require（'react-dom'）；
var Main=React.createClass({
render:function（）{
返回(
你好，世界，让我们看看你的反应。。
);
},
});
ReactDOM.render（，document.getElementById（'app'））；

以下是出现此错误时要检查的事项

• 是否在目录中执行webpack命令 您的webpack.config.js文件驻留
• 您可能指向终端中的错误目录
• 键入错误，文件名为“webpack.config.js”
• 配置文件中没有要导出的模块
• 检查配置文件中是否存在键入错误

---

尝试使用

module.exports=config

导出配置，其中config是JavaScript对象中的配置。在你的情况下，就这么做吧

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

如果这不能解决您的问题，请参阅上的问题

创建一个文件@root directory

webpack.config.js

将下面的代码粘贴到此文件中

module.exports={ 条目：“./app.js”， 输出：{ 文件名：“bundle.js” }, 手表：对 }

app.js也应该在根目录中。在app.js文件的下面一行中写入：

编写文件（“欢迎使用react v2应用程序”）；

---

参考。

我在跟踪之后遇到了这个问题。我认为，我遇到这个问题的方式是网页合并

这是他们的文档在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（）

，而不是仅发布我的解决方案。可能会帮助别人

如果你得到这个错误，它总是与一些打字错误有关。在我的例子中，我忘记了用分号结束最后一个

}

，就像这样：

}

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

这很有效。
当配置详细信息中出现拼写错误时，我遇到了这个错误

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

错贴“文件名”。在更正拼写时，在检查正确的文件名（应为“webpack.config.js”）后，此问题也得到了解决，值得注意的是检查“webpack.config.js”文件的位置。它应该与package.json文件位于同一个文件夹中
你能添加你的网页吗？在我的例子中，我错误地键入了我的配置文件
wepack.config.js
，而不是像Michelle说的那样键入了
webpack.config.js
：请包括你完整的webpack.config.js文件以及文件名。我唯一一次看到此错误是当我无法使用正确的文件名创建文件时。请确保在文件末尾导出您的网页配置。很难说是什么问题，但在运行webpack时，请检查以确保您在项目的根文件夹中。在我的情况下，问题在于
模块。导出
而不是
导出
多么有趣，注释解决了比
module.exports = {
    entry: './index.js',
    output: {
        filename:'bundle.js'
    }
};

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