blocks|key|546003|text|我也遇到过类似的问题。我想这跟webpack的版本有关。在修改webpack版本后，最新的一切都很好.|type|unstyled|depth|inlineStyleRanges|entityRanges|data|546004|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|$]]

I've had a similar problem. I think it's related to webpack version. After changing webpack version the latest everything was fine...

blocks|key|546348|text|如果您使用的是webpack-cli+4或webpack+5，请将webpack-dev-server改为webpack+serve.|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|546349|示例：|546350|"serve":+"webpack+serve+--config+config/webpack.dev.js+--progress"|code-block|syntax|javascript|546351|您可能还需要在评论上检查GitHub：|546352|NPM+package.json脚本是一种方便和有用的方法，可以运行本地安装的二进制文件，而不必关心它们的完整路径。只需将脚本定义为：
对于webpack-cli+3.x：
“脚本”：{“开始:开发”："webpack-dev-server“}
对于webpack-cli+4.x：
“脚本”：{“开始:开发”："webpack服务“}|blockquote|546353|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/webpack/webpack-dev-server/issues/2029#issuecomment-707196728^0|7|B|L|9|X|I|1H|D|0|0|0|7|2|0|0|4|C|1Y|F|3H|F|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]|$9|15|A|16|B|D]|$9|17|A|18|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|19|8|@]|E|@]|F|$]]|$1|I|3|J|5|K|7|1A|8|@]|E|@]|F|$L|M]]|$1|N|3|O|5|6|7|1B|8|@]|E|@$9|1C|A|1D|1|1E]]|F|$]]|$1|P|3|Q|5|R|7|1F|8|@$9|1G|A|1H|B|D]|$9|1I|A|1J|B|D]|$9|1K|A|1L|B|D]]|E|@]|F|$]]|$1|S|3|-4|5|6|7|1M|8|@]|E|@]|F|$]]]|T|$U|$5|V|W|X|F|$Y|Z]]]]

If you're using webpack-cli 4 or webpack 5, change <code>webpack-dev-server</code> to <code>webpack serve</code>.
Example:
<pre><code>&quot;serve&quot;: &quot;webpack serve --config config/webpack.dev.js --progress&quot;
</code></pre>
You might want also check this <a href="https://github.com/webpack/webpack-dev-server/issues/2029#issuecomment-707196728" rel="noreferrer">comment</a> on GitHub:
<blockquote>
NPM <code>package.json</code> scripts are a convenient and useful means to run
locally installed binaries without having to be concerned about their
full paths. Simply define a script as such:
For <code>webpack-cli 3.x</code>:
<pre><code>&quot;scripts&quot;: { &quot;start:dev&quot;: &quot;webpack-dev-server&quot; }
</code></pre>
For <code>webpack-cli 4.x</code>:
<pre><code>&quot;scripts&quot;: { &quot;start:dev&quot;: &quot;webpack serve&quot; }
</code></pre>
</blockquote>

blocks|key|738665|text|2021年1月|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|738666|使用webpack+5，只需将webpack-dev-server命令替换为webpack+serve|CODE|738667|entityMap^0|0|7|0|F|I|12|D|0^^$0|@$1|2|3|4|5|6|7|K|8|@$9|L|A|M|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|N|8|@$9|O|A|P|B|H]|$9|Q|A|R|B|H]]|D|@]|E|$]]|$1|I|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|J|$]]

Jan 2021
Using webpack 5, just replace the <code>webpack-dev-server</code> command with <code>webpack serve</code>

blocks|key|738562|text|更新：3月21日|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|738563|尝试使用以下命令更新您的webpack依赖项|738564|npm+install+--save-dev+webpack+webpack-cli+webpack-dev-server|code-block|syntax|javascript|738565|如果它不起作用，请按以下方式使用|738566|我有这些依赖关系，但我也面临着同样的问题。|738567|"webpack":+"%5E5.6.0",
"webpack-cli":+"%5E4.2.0",
"webpack-dev-server":+"%5E3.11.0"|738568|我找到了一个package.json中添加新脚本或开始脚本的解决方案。所以你也可以试试这条路。|738569|"dev":+"webpack+serve+--mode+development+--env+development"|CODE|738570|entityMap^0|0|2|3|5|0|0|0|0|0|0|6|C|U|4|0|0|1N|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]|$9|12|A|13|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|14|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|16|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|17|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|S|3|T|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|U|3|V|5|6|7|1E|8|@$9|1F|A|1G|B|W]]|D|@]|E|$]]|$1|X|3|-4|5|6|7|1H|8|@]|D|@]|E|$]]]|Y|$]]

Update: March 21
Try to update your webpack dependencies with the following command
<pre><code>npm install --save-dev webpack webpack-cli webpack-dev-server
</code></pre>
if it does not work then use as following
I am having these dependencies but I faced the same issue
<pre><code>&quot;webpack&quot;: &quot;^5.6.0&quot;,
&quot;webpack-cli&quot;: &quot;^4.2.0&quot;,
&quot;webpack-dev-server&quot;: &quot;^3.11.0&quot;
</code></pre>
And I found a solution that adding a new script or in your Start Script in package.json worked for me. So you can try this way as well.
<code> &quot;dev&quot;: &quot;webpack serve --mode development --env development&quot;</code>

blocks|key|546756|text|这是因为webpack-cli版本发生了变化。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|546757|如果webpack-cli版本小于4.x，则可以使用webpack-dev-server|ordered-list-item|546758|如果webpack-cli版本为4.x或更高，则可以使用webpack+serve。|546759|适用于webpack-cli+3.x及以下版本|546760|++++"scripts":+{
++++++"dev-server":+"webpack-dev-server"
++++}|code-block|syntax|javascript|546761|适用于webpack-cli+4.x及以上|546762|++++"scripts":+{
++++++"dev-server":+"webpack+serve"
++++}|546763|++++"scripts":+{
++++++"dev-server":+"webpack+serve+"
++++}|546764|来源：webpack开发服务器|546765|entityMap|0|LINK|mutability|MUTABLE|url|https://webpack.js.org/configuration/dev-server/^0|4|B|0|Q|I|0|S|D|0|3|F|0|0|3|F|0|0|0|3|C|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@$9|18|A|19|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|1A|8|@$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|I|3|J|5|H|7|1D|8|@$9|1E|A|1F|B|C]]|D|@]|E|$]]|$1|K|3|L|5|6|7|1G|8|@$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|M|3|N|5|O|7|1J|8|@]|D|@]|E|$P|Q]]|$1|R|3|S|5|6|7|1K|8|@$9|1L|A|1M|B|C]]|D|@]|E|$]]|$1|T|3|U|5|O|7|1N|8|@]|D|@]|E|$P|Q]]|$1|V|3|W|5|O|7|1O|8|@]|D|@]|E|$P|Q]]|$1|X|3|Y|5|6|7|1P|8|@]|D|@$9|1Q|A|1R|1|1S]]|E|$]]|$1|Z|3|-4|5|6|7|1T|8|@]|D|@]|E|$]]]|10|$11|$5|12|13|14|E|$15|16]]]]

This is because of the changes in <code>webpack-cli</code> version.
<ol>
<li>If the webpack-cli version is less than 4.x, You can use <code>webpack-dev-server</code></li>
<li>If the webpack-cli version is 4.x or higher, you can use <code>webpack serve</code></li>
</ol>
For <code>webpack-cli 3.x</code> and below
<pre class="lang-json prettyprint-override"><code> &quot;scripts&quot;: {
 &quot;dev-server&quot;: &quot;webpack-dev-server&quot;
 }
</code></pre>
For <code>webpack-cli 4.x</code> and above
<pre class="lang-json prettyprint-override"><code> &quot;scripts&quot;: {
 &quot;dev-server&quot;: &quot;webpack serve&quot;
 }
</code></pre>
<pre class="lang-json prettyprint-override"><code> &quot;scripts&quot;: {
 &quot;dev-server&quot;: &quot;webpack serve &quot;
 }
</code></pre>
Source: <a href="https://webpack.js.org/configuration/dev-server/" rel="noreferrer">webpack dev-server</a>

blocks|key|738599|text|溶液|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|738600|package.json|738601|"scripts":+{
++++"startdev":+"webpack+serve+--mode+development+--env+development+--hot+--port+3000"
++++...
++++...
++},
"devDependencies":+{
...
++++"webpack":+"%5E5.10.1",
++++"webpack-cli":+"%5E4.2.0"
+},|code-block|syntax|javascript|738602|控制台|738603|$+npm+run+startdev|738604|entityMap^0|0|2|0|0|C|0|0|0|3|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|13|8|@]|D|@]|E|$]]]|R|$]]

Solution
package.json
<pre><code>&quot;scripts&quot;: {
 &quot;startdev&quot;: &quot;webpack serve --mode development --env development --hot --port 3000&quot;
 ...
 ...
 },
&quot;devDependencies&quot;: {
...
 &quot;webpack&quot;: &quot;^5.10.1&quot;,
 &quot;webpack-cli&quot;: &quot;^4.2.0&quot;
 },
</code></pre>
Console
<pre><code>$ npm run startdev
</code></pre>

blocks|key|738115|text|尝试将package.json中的webpack版本从1.x更改为2.x：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|738116|例：|738117|+"devDependencies":+{
++++"webpack":+"2.2.0-rc.3",
++++"webpack-dev-server":+"2.1.0-beta.0",
++++"webpack-validator":+"%5E2.3.0"
++}|code-block|syntax|javascript|738118|有时，当您将webpack-dev-server的预发布版本与发布的webpack一起使用时会发生这种情况，反之亦然。|offset|length|style|CODE|738119|entityMap^0|0|0|0|6|I|Y|7|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@$K|U|L|V|M|N]|$K|W|L|X|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

Try changing the webpack version from 1.x to 2.x in your package.json:

Eg:

<pre><code> "devDependencies": {
 "webpack": "2.2.0-rc.3",
 "webpack-dev-server": "2.1.0-beta.0",
 "webpack-validator": "^2.3.0"
 }
</code></pre>

This happens sometimes when you use pre-release version of <code>webpack-dev-server</code> with released version of <code>webpack</code> or viceversa.

blocks|key|546174|text|我忘了安装webpack-cli。所以我按照命令跑了，问题解决了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|546175|npm+i+-D+webpack-cli|code-block|syntax|javascript|546176|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 forgot to install webpack-cli. So I ran below command and issue got fixed.

<pre><code>npm i -D webpack-cli
</code></pre>

blocks|key|738445|text|更新您的Webpack版本(以及webpack+CLI)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|738446|npm+install+--save-dev+webpack+webpack-cli+webpack-dev-server+webpack-merge|code-block|syntax|javascript|738447|如果您没有使用上面提到的任何一种，可以随意省略。|738448|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|$]]

Update your Webpack version (and webpack CLI):

<pre><code>npm install --save-dev webpack webpack-cli webpack-dev-server webpack-merge
</code></pre>

If you don't use one of those mentioned above, feel free to omit.

blocks|key|32224|text|当我只在本地安装webpack并且还没有在全局安装它时，我也会出现这个错误。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|32225|不过，我在全球范围内安装了webpack-dev-server，并且它依赖于webpack的全局安装。公平地说，npm在安装webpack-dev-server时确实抱怨过：|32226|未满足的同伴依赖webpack@%5E2.2.0|blockquote|32227|entityMap^0|8|7|0|D|I|12|7|1Q|I|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$]]|$1|K|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|L|$]]

I also go this error when I had only installed <code>webpack</code> locally and hadn't installed it globally yet. 

I had <code>webpack-dev-server</code> installed globally though and it had a dependency on a global install of <code>webpack</code>. To be fair npm did complain while installing <code>webpack-dev-server</code>: 

<blockquote>
 UNMET PEER DEPENDENCY webpack@^2.2.0
</blockquote>

blocks|key|546647|text|我通过在package.json上创建一个脚本命令来解决这个问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|546648|"dev":+"webpack+serve+--config+webpack.config.js+--open",|code-block|syntax|javascript|546649|entityMap^0|4|C|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I solved this by creating a script command on package.json.
<pre><code>&quot;dev&quot;: &quot;webpack serve --config webpack.config.js --open&quot;,
</code></pre>

blocks|key|546369|text|在我的例子中，解决方案只是使用以前的版本-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|546370|"webpack":+"%5E4.44.1",
"webpack-cli":+"%5E3.3.12",
"webpack-dev-server":+"%5E3.11.0"|code-block|syntax|javascript|546371|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|$]]

In my case the solution was just use previous versions -
<pre><code>&quot;webpack&quot;: &quot;^4.44.1&quot;,
&quot;webpack-cli&quot;: &quot;^3.3.12&quot;,
&quot;webpack-dev-server&quot;: &quot;^3.11.0&quot;
</code></pre>

blocks|key|738231|text|一般情况是由于Webpack和webpack的开发服务器版本不兼容.就像我也有这个问题一样，我的电脑的webpack是1.15.0，webpack-dev-server是上面版本的2.x。因此，我卸载webpack-dev-server:+npm卸载webpack-dev-server+-g，然后安装1.15.0版本的z-dev-server，您可以通过npm安装npm+dev-server@1.15.0+-g来解决这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|738232|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|$]]

The general situation is due to Webpack and webpack-dev-server version is not compatible. 
Like I also have this problem, my computer's webpack is 1.15.0, but webpack-dev-server is 2.x above version. 
So I uninstall webpack-dev-server: npm uninstall webpack-dev-server -g 
Then install the 1.15.0 version of webpack-dev-server, you can solve this problem by npm install webpack-dev-server@1.15.0 -g

blocks|key|32288|text|尝试将webpack版本改为3.0，将web+server改为2.7.1。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|32289|例：|32290|"devDependencies":+{
++++"webpack":+"%5E3.0.0",
++++"webpack-cli":+"2.0.13",
++++"webpack-config-utils":+"2.0.0",
++++"webpack-dev-server":+"%5E2.7.1",
++++"webpack-validator":+"2.2.7"
}|code-block|syntax|javascript|32291|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Try changing webpack version to 3.0 and web-dev-server to 2.7.1

Eg:

<pre><code>"devDependencies": {
 "webpack": "^3.0.0",
 "webpack-cli": "2.0.13",
 "webpack-config-utils": "2.0.0",
 "webpack-dev-server": "^2.7.1",
 "webpack-validator": "2.2.7"
}
</code></pre>

blocks|key|32312|text|我对webpack+4也有同样的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|32313|这是版本兼容的问题。|32314|若要解决此问题，请运行以下命令在webpack+4中安装webpack-cli。|32315|+yarn+add+webpack-cli+-D|code-block|syntax|javascript|32316|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I had the same problem with webpack 4. 

It is version compatible issue.

To fix the issue run following command to install webpack-cli in web pack 4 .

<pre><code> yarn add webpack-cli -D
</code></pre>

blocks|key|32573|text|我也遇到过类似的问题。我想这跟webpack的版本有关。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|32574|更新2021年7月|offset|length|style|BOLD|32575|拥有"webpack-cli":+"%5E4+or+above",和"webpack":+"%5E5+or+above",版本的人。|CODE|32576|您可以尝试通过以下命令更新webpack版本|32577|npm+install+--save-dev+webpack+webpack-cli+webpack-dev-server|code-block|syntax|javascript|32578|现在转到您的package.json下面，在scrpits下面添加以下一行|32579|"dev":+"webpack+serve+--mode+development+--env+development"|32580|这对我完全有效。|32581|entityMap^0|0|0|9|0|2|T|W|P|0|0|0|6|C|M|7|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@$D|11|E|12|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|13|8|@$D|14|E|15|F|J]|$D|16|E|17|F|J]]|9|@]|A|$]]|$1|K|3|L|5|6|7|18|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|19|8|@]|9|@]|A|$P|Q]]|$1|R|3|S|5|6|7|1A|8|@$D|1B|E|1C|F|J]|$D|1D|E|1E|F|J]]|9|@]|A|$]]|$1|T|3|U|5|O|7|1F|8|@]|9|@]|A|$P|Q]]|$1|V|3|W|5|6|7|1G|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|Y|$]]

I've had a similar problem. I think it's related to webpack version.
UPDATE JULY 2021
People who have versions of <code>&quot;webpack-cli&quot;: &quot;^4 or above&quot;,</code> &amp; <code> &quot;webpack&quot;: &quot;^5 or above&quot;,</code>.
You can give a try updating your webpack version by this command
<pre><code>npm install --save-dev webpack webpack-cli webpack-dev-server
</code></pre>
Now go to you <code>package.json</code>, under <code>scrpits</code> add this line
<pre><code>&quot;dev&quot;: &quot;webpack serve --mode development --env development&quot;
</code></pre>
This totally worked for me.

blocks|key|546394|text|使用以下命令取消webpack-cli版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|546395|npm+install+-D+webpack-cli@3|code-block|syntax|javascript|546396|新版本正处于Beta阶段，很可能会修复这个错误。|546397|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|$]]

Deprecate the webpack-cli version by using the command :
<pre><code>npm install -D webpack-cli@3
</code></pre>
The new version is in the Beta phase and likely to fix this bug.

blocks|key|32243|text|我通过运行npm+start来修正这个解决方案，它只是一个包装器，运行'webpack-dev-server‘，而不是直接将webpack-dev-server运行到控制台。问题是，我将选项传递到一个不应该将选项传递到的方法中。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|32244|使用webpack-dev-server运行npm+start显示了正确的错误消息。直接运行webpack-dev-server只给了我“错误:找不到模块'webpack/bin/config-yargs‘”。真奇怪。|32245|我的名字是："webpack"："%5E2.6.1"，"webpack-dev-server"："%5E2.7.1“|32246|entityMap^0|5|9|1Q|I|0|2|I|M|9|1A|I|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|X|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|K|$]]

I fixed this solution by running <code>npm start</code> which was just a wrapper running 'webpack-dev-server' rather than running <code>webpack-dev-server</code> directly into the console. The problem was that I was passing options into a method I should not have been passing options into. 

Running <code>webpack-dev-server</code> with <code>npm start</code> showed me the correct error message. Running <code>webpack-dev-server</code> directly only gave me "Error: Cannot find module 'webpack/bin/config-yargs' ". Weird.

I am on:
 "webpack": "^2.6.1",
 "webpack-dev-server": "^2.7.1"

blocks|key|546704|text|我安装了以下依赖项(没有指定任何特定版本)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|546705|+"webpack-cli":+"%5E4.5.0",
+"webpack-dev-server":+"%5E3.11.2"|code-block|syntax|javascript|546706|此错误出现在yarn+start期间，其中package.json中的以下条目特定于scripts.start+attr。|offset|length|style|CODE|546707|+"scripts":+{
++++"start":+"webpack-dev-server+--open",
++++"build":+"webpack"
++}|546708|因此，事实证明webpack-dev-server+--open正在寻找webpack-cli版本的3.3。通过安装特定版本的webpack-cli，我消除了这个错误，工作的package.json如下所示：|546709|++"webpack-cli":+"3.3",
++"webpack-dev-server":+"%5E3.11.2"|546710|但是，如果不想降级webpack-cli版本，请将"start":+"webpack-dev-server+--open"更新为"start":+"webpack+serve+--open"|546711|entityMap^0|0|0|6|A|L|C|16|D|0|0|7|P|10|B|1E|3|1R|B|2F|C|0|0|9|B|P|10|1S|V|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@$I|Z|J|10|K|L]|$I|11|J|12|K|L]|$I|13|J|14|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|15|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|16|8|@$I|17|J|18|K|L]|$I|19|J|1A|K|L]|$I|1B|J|1C|K|L]|$I|1D|J|1E|K|L]|$I|1F|J|1G|K|L]]|9|@]|A|$]]|$1|Q|3|R|5|D|7|1H|8|@]|9|@]|A|$E|F]]|$1|S|3|T|5|6|7|1I|8|@$I|1J|J|1K|K|L]|$I|1L|J|1M|K|L]|$I|1N|J|1O|K|L]]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]]|V|$]]

I had got the following dependencies installed (without specifying any particular version)
<pre><code> &quot;webpack-cli&quot;: &quot;^4.5.0&quot;,
 &quot;webpack-dev-server&quot;: &quot;^3.11.2&quot;
</code></pre>
This error appears during the <code>yarn start</code> with the following entry in <code>package.json</code> specific to the <code>scripts.start</code> attr.
<pre><code> &quot;scripts&quot;: {
 &quot;start&quot;: &quot;webpack-dev-server --open&quot;,
 &quot;build&quot;: &quot;webpack&quot;
 }
</code></pre>
So, it turns out that <code>webpack-dev-server --open</code> is looking for <code>webpack-cli</code> version <code>3.3</code>. I got rid of this error by installing the specific version of <code>webpack-cli</code> The working <code>package.json</code> looks like this:
<pre><code> &quot;webpack-cli&quot;: &quot;3.3&quot;,
 &quot;webpack-dev-server&quot;: &quot;^3.11.2&quot;
</code></pre>
But, if you don't want to downgrade the <code>webpack-cli</code> version, update the <code>&quot;start&quot;: &quot;webpack-dev-server --open&quot;</code> to <code>&quot;start&quot;: &quot;webpack serve --open&quot;</code>

blocks|key|32283|text|这通常是因为库之间的版本不匹配(在您的例子中，包括webpack/yargs+)。当您离开一个项目一段时间，并且您的node_modules目录中的一些依赖关系已经过时时，这种情况可能会发生很多。在处理不同版本的所有内容之前，一个非常简单的解决方案是将node_modules目录移动到一个临时位置并重新运行npm安装：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|32284|%25+mv+node_modules+nod_modules.REMOVED
%25+npm+install|code-block|syntax|javascript|32285|那么，试着重新运行webpack。|32286|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|$]]

This is usually due to version mismatches between libraries (including webpack/yargs, in your case). This can happen a lot when you have left a project sitting for a while and some dependencies in your node_modules directory have become stale. A very simple solution, before fussing with different versions of everything, is to just move your node_modules directory to a temporary location and re-run npm install:

<pre><code>% mv node_modules nod_modules.REMOVED
% npm install
</code></pre>

Then, try rerunning webpack.

blocks|key|32322|text|要升级所有软件包(安装webpack-cli和webpack-dev-server之后)，您可以|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|32323|npm+--depth=9999+upgrade|code-block|syntax|javascript|32324|这应该可以解决不匹配的版本问题。|32325|entityMap^0|B|B|N|I|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

To upgrade all packages (afer installing <code>webpack-cli</code> and <code>webpack-dev-server</code>), you can

<pre><code>npm --depth=9999 upgrade
</code></pre>

That should fix the nonmatching version problem.

blocks|key|546443|text|请用webpack的发球来运行webpack-dev服务器。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|546444|webpack+serve+--config+config/webpack.dev.js+--progress+--profile+--watch+--content-base+src/|code-block|syntax|javascript|546445|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|$]]

Please use webpack serve for run webpack-dev-server
<pre><code>webpack serve --config config/webpack.dev.js --progress --profile --watch --content-base src/
</code></pre>

blocks|key|546723|text|这是webpack版本控制问题，您需要使用以下命令更新webpack|type|unstyled|depth|inlineStyleRanges|entityRanges|data|546724|npm+install+--save-dev+webpack+webpack-cli+webpack-dev-server|code-block|syntax|javascript|546725|现在在package.json文件中使用|546726|"dev":+"webpack+serve+--config+webpack.config.js+--open"|546727|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

It's webpack versioning problem
You need to update your webpack using this command
<pre><code>npm install --save-dev webpack webpack-cli webpack-dev-server
</code></pre>
Now in package.json file use
<pre><code>&quot;dev&quot;: &quot;webpack serve --config webpack.config.js --open&quot;
</code></pre>

blocks|key|32496|text|我试过以下几句话，结果被解决了：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|32497|由于问题是webpack开发服务器，所以goto节点模块.|ordered-list-item|32498|找到webpack-dev-server，然后转到依赖项|32499|查看webpack和webpack-cli的依赖信息及其版本。|32500|用完全相同的版本重新安装这些名称。|32501|然后尝试重新运行开发服务器。|32502|在我的例子中："dev-server"："webpack-dev-server+--open“|32503|控制台:+npm运行dev-server|32504|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|U|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|V|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|W|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|X|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|Y|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|Z|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|R|$]]

I tried the following lines and it was solved:
<ol>
<li>As the issue is with webpack-dev-server so goto node-modules.</li>
<li>find webpack-dev-server then goto dependencies</li>
<li>check the dependency info of webpack and webpack-cli and their versions.</li>
<li>Reinstall those names with the exact same versions.</li>
</ol>
Then try re-running the dev-server.
In my case:
&quot;dev-server&quot;: &quot;webpack-dev-server --open&quot;
console:
npm run dev-server

blocks|key|32527|text|所以，首先不包括->文件夹。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|32528|->after验证了如果在档案package.json的依赖："webpack"，"webpack-cli“和”server+server“，它们都在"dependencies":{}中。|offset|length|style|CODE|32529|->结束，打开终端执行命令:纱线。安装全部取决于被排除的情况。|32530|entityMap^0|0|23|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]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

-&gt; So, first do you exclude the node_modules folder. 
-&gt;after verificad if in the archive package.json the dependencies : &quot;webpack&quot;, &quot;webpack-cli&quot; and &quot;webpack-dev-server&quot; they are in <code>&quot;dependencies&quot;:{}</code>. 
-&gt; The end, Open the terminal execute the command : yarn. the install all depends again that was excluded.

blocks|key|738772|text|将命令从"serve":+"webpack-dev-server"更改为"serve":"webpack+serve"解决了这个问题。我已经在webpack+dev+server+v3.11.0和v3.11.2中尝试过这个解决方案；两者都很好。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|738773|entityMap^0|4|T|10|N|1Z|Q|2Q|7|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]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|G|$]]

Changing the command from <code>&quot;serve&quot;: &quot;webpack-dev-server&quot;</code> to <code>&quot;serve&quot;:&quot;webpack serve&quot;</code> solved this issue. I've tried this solution with <code>webpack dev server v3.11.0</code> and <code>v3.11.2</code>; both worked fine.

blocks|key|32551|text|在webpack+serve下使用webpack-dev-server，而不是在package.json中使用scripts。对我来说是完美的。我也犯了同样的错误，这个错误解决了这个问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|32552|我的devDependencies：|32553|"webpack":+"%5E5.22.0",
"webpack-cli":+"%5E4.5.0",
"webpack-dev-server":+"%5E3.11.2"|code-block|syntax|javascript|32554|原文：https://stackoverflow.com/a/64304022/11739552|32555|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/64304022/11739552^0|1|D|H|I|1J|7|0|0|0|3|19|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|13|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|14|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|15|8|@]|D|@$9|16|A|17|1|18]]|E|$]]|$1|O|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

use <code>webpack serve</code> instead of <code>webpack-dev-server</code> in your package.json under <code>scripts</code>. it perfectly work for me. I had the same error and this fixed it.
my devDependencies:
<pre><code>&quot;webpack&quot;: &quot;^5.22.0&quot;,
&quot;webpack-cli&quot;: &quot;^4.5.0&quot;,
&quot;webpack-dev-server&quot;: &quot;^3.11.2&quot;
</code></pre>
original post : <a href="https://stackoverflow.com/a/64304022/11739552">https://stackoverflow.com/a/64304022/11739552</a>

blocks|key|32497|text|我刚解决了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|32498|问题出在path+on+index.html上。|offset|length|style|BOLD|32499|发自：|32500|<script+src="./dist/myBundle.js"></script>|code-block|syntax|javascript|32501|至：|32502|<script+src="myBundle.js"></script>|32503|entityMap^0|0|4|4|C|A|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]|$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|11|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|12|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|13|8|@]|9|@]|A|$M|N]]|$1|S|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|T|$]]

I just solved it.
The problem was on path on index.html.
from:
<pre><code>&lt;script src=&quot;./dist/myBundle.js&quot;&gt;&lt;/script&gt;
</code></pre>
to:
<pre><code>&lt;script src=&quot;myBundle.js&quot;&gt;&lt;/script&gt;
</code></pre>

blocks|key|32374|text|以上的答案对我都没有用。如果您仍然收到此错误，您可以尝试这样做，这修复了我的问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|32375|开放node_modules\webpack-dev-server\bin\webpack-dev-server.js
换行84:+require('webpack-cli/bin/config-yargs')(yargs)；|blockquote|32376|至：|32377|require('webpack-cli/bin/config/config-yargs')(yargs)；
更改第92行:+config+=+require('webpack-cli/bin/convert-argv')(yargs，argv，{|32378|32379|config+=+require('webpack-cli/bin/utils/convert-argv')(yargs，argv，{|32380|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/webpack/webpack-dev-server/issues/2029#issuecomment-544180366^0|W|1|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|F|7|Z|8|@]|9|@]|C|$]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|C|$]]|$1|I|3|J|5|F|7|11|8|@]|9|@]|C|$]]|$1|K|3|H|5|6|7|12|8|@]|9|@]|C|$]]|$1|L|3|M|5|F|7|13|8|@]|9|@]|C|$]]|$1|N|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]]]

None of the above answers worked for me. If you are still getting this error, you can try this, <a href="https://github.com/webpack/webpack-dev-server/issues/2029#issuecomment-544180366" rel="nofollow noreferrer">this</a> fixed my problem:

<blockquote>
 Open node_modules\webpack-dev-server\bin\webpack-dev-server.js
 
 Change Line 84: require('webpack-cli/bin/config-yargs')(yargs); 
</blockquote>

To:

<blockquote>
 require('webpack-cli/bin/config/config-yargs')(yargs);
 
 Change Line 92: const config =
 require('webpack-cli/bin/convert-argv')(yargs, argv, { 
</blockquote>

To: 

<blockquote>
 const config = require('webpack-cli/bin/utils/convert-argv')(yargs, argv, {
</blockquote>

blocks|key|546482|text|调降webpack级|type|unstyled|depth|inlineStyleRanges|entityRanges|data|546483|npm+install+-D+webpack-cli@3|code-block|syntax|javascript|546484|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|$]]

downgrade webpack-cli
<pre><code>npm install -D webpack-cli@3
</code></pre>

Getting error when running <code>webpack-dev-server --config config/webpack.dev.js --progress --profile --watch --content-base src/</code>. Here is the error log: 

<pre><code>module.js:442
throw err;
^

Error: Cannot find module 'webpack/bin/config-yargs'
at Function.Module._resolveFilename (module.js:440:15)
at Function.Module._load (module.js:388:25)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3) 
</code></pre>

Cannot find module 'webpack/bin/config-yargs'

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

运行webpack-dev-server --config config/webpack.dev.js --progress --profile --watch --content-base src/时出错。以下是错误日志：module.js:442throw err;^Error: Cannot find module 'webpack/bin/config-yargs'at Function.

问找不到模块webpack/bin/config-yargs
EN

回答 30

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问找不到模块webpack/bin/config-yargsEN

回答 30

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问找不到模块webpack/bin/config-yargs
EN