blocks|key|4448655|text|我也收到了同样的错误，原来是我的webpack配置文件名。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4448656|我把它当成了"webpack.config“而不是"webpack.config.js”|offset|length|style|CODE|4448657|“输出文件名未配置”错误似乎通常出现在输入错误的某个地方，我发现文件名是一个您忘记检查的秘密位置。|4448658|entityMap^0|0|7|E|Q|H|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]|$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|K|$]]

I was getting the same error and it turned out to be my webpack config file name.

I had it as "<code>webpack.config</code>" instead of "<code>webpack.config.js</code>"

The "Output filename not configured" error seems to come up generally when there is a typo somewhere, and I've found the file name to be a sneaky place you forget to check.

blocks|key|4448784|text|还要仔细检查webpack.config.js文件是否在正确的位置(通常是项目的根目录)，以及配置文件中列出的路径是否正确。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4448785|entityMap^0|6|H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

Also double-check that the <code>webpack.config.js</code> file is in the right spot (in general, the root directory of the project) and the paths listed in the config file are correct.

blocks|key|4449009|text|这个错误的常见错误是输入错误，大多数时候是写module.export而不是module.exports。还要检查文件名是否应具有.js扩展名。例如webpack.config.js|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4449010|entityMap^0|M|D|12|E|22|H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

Common mistakes of this error is typo and most of the times it's writing
<code>module.export</code> instead of <code>module.exports</code>.
Also check the file name should be with a .js extension. e.g. <code>webpack.config.js</code>

blocks|key|4448834|text|在项目根目录上必须有一个名为webpack.config.js的文件。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4448835|entityMap^0|E|H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

You MUST have a file named <code>webpack.config.js</code> on project root.

blocks|key|4448691|text|您的webpack.config.js文件中某处有一个拼写错误。查看您的配置文件。有类似的问题，这是一个打字错误的结果。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4448692|entityMap^0|2|H|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

You have a typo somewhere in your <code>webpack.config.js</code> file. Review your config file. Had similar problem and it was as a result of a typo.

blocks|key|4449077|text|尝试使用module.exports+=+config导出配置，其中config是您在JavaScript对象中的配置。在你的情况下，只需这样做|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4449078|module.exports+=+{
++output:+{
++++filename:+'bundle.js',
++++library:+'require',
++++libraryTarget:+'this'
++}
}|code-block|syntax|javascript|4449079|如果这不能解决您的问题，请参阅https://github.com/webpack/webpack/issues/2403上的问题|4449080|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/webpack/webpack/issues/2403^0|4|N|0|0|F|1A|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

Try exporting your configuration using <code>module.exports = config</code> where config is your configuration in a JavaScript object. In your case just do 

<pre><code>module.exports = {
 output: {
 filename: 'bundle.js',
 library: 'require',
 libraryTarget: 'this'
 }
}
</code></pre>

If this does not solve your problems, refer to the issue on <a href="https://github.com/webpack/webpack/issues/2403" rel="nofollow noreferrer">https://github.com/webpack/webpack/issues/2403</a>

blocks|key|4448980|text|如果您对一个没有webpack配置文件的目录运行'webpack+-w‘命令，也会出现此错误。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4448981|因此，如果您正在打开一个新的终端窗口或选项卡，并且在运行webpack命令之前没有将目录切换到项目的根目录，您将收到错误消息。|4448982|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

This error will also occur if you are running the command 'webpack -w' against a directory that does not have a webpack config file.

So if you are opening a new terminal window or tab and haven't changed directory to the root of your project before running the webpack command you will receive the error.

blocks|key|4449107|text|在关注Webpacks+docs+for+production+builds之后，我遇到了这个问题。我遇到这个问题的方式，我相信，是针对webpack的-合并。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4449108|这是他们的文档在webpack.dev.js中的内容：|4449109|const+merge+=+require('webpack-merge');
const+common+=+require('./webpack.common.js');

module.exports+=+merge(common,+{
++devtool:+'inline-source-map',
++devServer:+{
++++contentBase:+'./dist'
++}
});|code-block|syntax|javascript|4449110|但这是我需要的：|4449111|const+merge+=+require('webpack-merge');
const+common+=+require('./webpack.common.js');

module.exports+=+merge(common(),+{
++devtool:+'inline-source-map',
++devServer:+{
++++contentBase:+'./dist'
++}
});|4449112|请注意，唯一的变化是运行common()而不是common。|style|CODE|4449113|entityMap|0|LINK|mutability|MUTABLE|url|https://webpack.js.org/guides/production/^0|3|Z|0|0|0|0|0|0|C|8|N|6|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|15|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|17|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|18|8|@$A|19|B|1A|Q|R]|$A|1B|B|1C|Q|R]]|9|@]|C|$]]|$1|S|3|-4|5|6|7|1D|8|@]|9|@]|C|$]]]|T|$U|$5|V|W|X|C|$Y|Z]]]]

I ran into this problem after following <a href="https://webpack.js.org/guides/production/" rel="nofollow noreferrer">Webpacks docs for production builds</a>. The way I ran into the issue is, I believe, specific to webpack-merge.

This is what their docs have in webpack.dev.js:

<pre><code>const merge = require('webpack-merge');
const common = require('./webpack.common.js');

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

But this is what I needed to have:

<pre><code>const merge = require('webpack-merge');
const common = require('./webpack.common.js');

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

Notice the only change is running <code>common()</code> instead of <code>common</code>.

blocks|key|4448773|text|如果您使用__dirname，请确保它引用了正确的路径。默认路径是/，它是本地驱动器根目录。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4448774|entityMap^0|5|9|X|1|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

If you using <code>__dirname</code> make sure it referenced to correct path. Default path is <code>/</code> which is local drive root.

blocks|key|4449047|text|我遇到了类似的错误，并设法解决了它。事实上，问题的核心不在于webpack.config.js代码，而在于我的入口js文件(在我的例子中是main.js)。确保您拥有正确的请求和呈现代码。我的示例代码如下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4449048|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'));|code-block|syntax|javascript|4449049|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I had a similar error and managed to resolve it. The core of the issue was not in fact in the webpack.config.js code, but rather in my entry js file (in my case main.js). Ensure that you have the correct requires and render code. My example code is as follows:

<pre><code>var React = require('react');
var ReactDOM = require('react-dom');

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

ReactDOM.render(&lt;Main /&gt;, document.getElementById('app'));
</code></pre>

blocks|key|4449162|text|只是为了发布我的解决方案。也许能帮到什么人。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4449163|如果你得到这个错误，它总是与一些打字错误有关。在我的例子中，我忘记了用分号结束最后一个}，就像这样：};|offset|length|style|CODE|4449164|module.exports+=+{
++++entry:+'./index.js',
++++output:+{
++++++++filename:'bundle.js'
++++}
};|code-block|syntax|javascript|4449165|这起作用了。|4449166|entityMap^0|0|17|1|1E|2|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]|$D|U|E|V|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

just to post my solution. Might help someone.

if you get this error, it always has to do with some typo error. In my case I had forgotten to close the last <code>}</code> with a semicolon at the end, like this: <code>};</code>

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

This worked.

blocks|key|4449054|text|当配置细节有拼写错误时，我遇到了这个错误。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4449055|output:+{
++++path:+"app/dist/assets",
++++filname:+"bundle.js",
++++publicPath:+"assets"
},|code-block|syntax|javascript|4449056|"filename“拼写错误。在更正拼写时，这个问题就解决了|4449057|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I came across this error when there is a spelling mistake the config details.

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

mispelled "filename". on correcting the spelling, this issue is resolved

blocks|key|4449079|text|另外，在检查了应该是'webpack.config.js‘的正确文件名之后，一个很好的注意事项是检查'webpack.config.js’文件的位置。它应该与package.json文件所在的文件夹相同|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4449080|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

also after checking the right file name which should be 'webpack.config.js', a good note is to check where the 'webpack.config.js' file is located. it should be in the same folder as your package.json file is located

blocks|key|4448555|text|假设您使用的是windows。我遇到了同样的错误，并意识到我必须在wiindows+d:\unpack-webpack>+d：\unpack-+this+\node_modules.bin\webpack中执行以下操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4448556|相反，我执行的是d:\unpack-webpack\node_modules.bin\webpack|4448557|希望这能有所帮助:)谢谢Gaurav+Khurana|4448558|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

Assuming that you would be using windows. i ran out into same error and realized i have to do something like this in wiindows 
d:\unpack-webpack> d:\unpack-webpack\node_modules.bin\webpack

instead i was doing 
d:\unpack-webpack\node_modules.bin\webpack

Hope this helps :)
Thanks
Gaurav Khurana

blocks|key|4448847|text|确保webpack.config位于树中的正确位置。实际上，我的文件放在了正确的位置，但我不得不删除整个文件，然后替换掉，因为当我第一次在终端上运行web+pack时，我遗漏了__dirname的一个下划线。我只有一个而不是两个。所以我运行了这个修复程序，尝试了几次这个或那个，然后发现了这篇文章。所以我重新开始了，尽管出于某种原因，我在同一个地方，这不是根据webpack的说法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4448848|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Make sure that webpack.config is in the proper place in the tree. Actually mine was in the proper place but I had to delete the whole file and then replace because the first time I ran web pack in terminal I had missed an underscore for __dirname. Instead of two, I had one. So I ran it with that fixed that a couple times trying this or that and came across this post. So I started over and even though in the same place for some reason it wasn't according to webpack.

I had installed it globally by running npm install webpack -g and I had included it in my project by running npm install webpack --save-dev.

However, on running the webpack command, I was seeing the following output:
Output filename not configured.

This is the webpack config:

<pre><code>output: {
 filename: 'bundle.js',
 library: 'require',
 libraryTarget: 'this'
},
</code></pre>

This is the only clue i could get from the web :: <a href="http://anujnair.com/blog/12-output-filename-not-configured-error-from-webpack">http://anujnair.com/blog/12-output-filename-not-configured-error-from-webpack</a>
But it did not solve the issue

Any Help will be great

Output filename not configured Error in Webpack

我通过运行npm install webpack -g将其安装到全局，并通过运行npm install webpack --save-dev将其包含在我的项目中。但是，在运行webpack命令时，我看到以下输出:输出文件名未配置。这是webpack的配置：output: {    filename: 'bundle.js',    library: 'require',    libraryTar

问输出文件名未在Webpack中配置错误
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问输出文件名未在Webpack中配置错误EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问输出文件名未在Webpack中配置错误
EN