blocks|key|1853639|text|我同意您必须从webpack+3升级到4，但具体而言，这是我必须做的步骤，首先，因为webpack-cli已被分离成一个单独的包：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1853640|$+npm+install+webpack+webpack-cli+--save-dev|code-block|syntax|javascript|1853641|正如这里所解释的：https://webpack.js.org/guides/getting-started/#basic-setup|1853642|entityMap|0|LINK|mutability|MUTABLE|url|https://webpack.js.org/guides/getting-started/#basic-setup^0|7|7|16|B|0|0|9|1M|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|M|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

I agree that you have to upgrade from <code>webpack</code> 3 to 4, but specifically these are the steps I had to do, first, because <code>webpack-cli</code> has been split out into a separate package:
<pre><code>$ npm install webpack webpack-cli --save-dev
</code></pre>
As explained here: <a href="https://webpack.js.org/guides/getting-started/#basic-setup" rel="noreferrer">https://webpack.js.org/guides/getting-started/#basic-setup</a>

blocks|key|469795|text|您可以尝试在npm运行脚本中将webpack-dev-server更改为webpack+serve。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|469796|entityMap^0|F|I|10|D|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|$]]

You could try changing <code>webpack-dev-server</code> to <code>webpack serve</code> in your npm run script inside package.json

blocks|key|1853751|text|出于某种原因，webpack团队将命令更改为webpack+serve，更改您的package.json：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1853752|"start":+"webpack+serve"|1853753|参考文献：https://github.com/webpack/webpack-dev-server/issues/2759|1853754|我正在使用的版本：|1853755|"webpack":+"%5E5.10.0",
"webpack-cli":+"%5E4.2.0",
"webpack-dev-server":+"%5E3.11.0"|code-block|syntax|javascript|1853756|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/webpack/webpack-dev-server/issues/2759^0|M|D|0|0|O|0|5|1L|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|14|8|@]|D|@$9|15|A|16|1|17]]|E|$]]|$1|J|3|K|5|6|7|18|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|19|8|@]|D|@]|E|$O|P]]|$1|Q|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

For some reason the webpack team changed the command to <code>webpack serve</code>
Change your package.json:
<code>&quot;start&quot;: &quot;webpack serve&quot;</code>
Ref: <a href="https://github.com/webpack/webpack-dev-server/issues/2759" rel="noreferrer">https://github.com/webpack/webpack-dev-server/issues/2759</a>
The version I am using:
<pre><code>&quot;webpack&quot;: &quot;^5.10.0&quot;,
&quot;webpack-cli&quot;: &quot;^4.2.0&quot;,
&quot;webpack-dev-server&quot;: &quot;^3.11.0&quot;
</code></pre>

blocks|key|1853715|text|要修复它，只需做两件事。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1853716|安装npm+i+webpack-cli+@webpack-cli/init|ordered-list-item|offset|length|style|CODE|1853717|将此添加到您的package.json：“脚本”：{“开始”："webpack-cli服务模式开发“}，|1853718|完成了！|1853719|entityMap^0|0|2|Z|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@$E|Q|F|R|G|H]]|9|@]|A|$]]|$1|I|3|J|5|D|7|S|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|T|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|N|$]]

To fix it just do 2 things.
<ol>
<li>Install
<code>npm i webpack-cli @webpack-cli/init</code></li>
<li>Add this to your package.json:
<pre><code>&quot;scripts&quot;: {
 &quot;start&quot;: &quot;webpack-cli serve --mode development&quot;
},
</code></pre>
</li>
</ol>
Done!

blocks|key|469802|text|删除包-锁.+file文件。在package.json中更改跟踪。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|469803|"webpack":+"%5E4.32.2",
"webpack-cli":+"%5E3.3.0",
"webpack-dev-server":+"%5E3.11.0"|code-block|syntax|javascript|469804|运行npm安装|469805|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|$]]

Delete package-lock.json file. Change following in package.json.
<pre><code>&quot;webpack&quot;: &quot;^4.32.2&quot;,
&quot;webpack-cli&quot;: &quot;^3.3.0&quot;,
&quot;webpack-dev-server&quot;: &quot;^3.11.0&quot;
</code></pre>
Run npm install

blocks|key|469939|text|在webpack-dev-server+package.json文件中将更改为webpack+serve。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|469940|例如：|469941|“脚本”：{“开始”："webpack服务模式发展--开放“}，|blockquote|469942|它对我有用！|469943|entityMap^0|1|I|13|D|10|H|0|0|3|0|0|W|0|0|6|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]|$9|U|A|V|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|W|8|@$9|X|A|Y|B|D]]|E|@]|F|$]]|$1|I|3|J|5|K|7|Z|8|@$9|10|A|11|B|D]]|E|@]|F|$]]|$1|L|3|M|5|6|7|12|8|@$9|13|A|14|B|D]]|E|@]|F|$]]|$1|N|3|-4|5|6|7|15|8|@]|E|@]|F|$]]]|O|$]]

Change <code>webpack-dev-server</code> to <code>webpack serve</code> in package.json file.
e.g.:
<blockquote>
&quot;scripts&quot;: { &quot;start&quot;: &quot;webpack serve --mode development --open&quot; },
</blockquote>
It worked for me! ;-)

blocks|key|469914|text|"scripts":+{
++++"start":+"webpack+serve+--mode+development",
++++"build":+"webpack+--mode+production"
++},|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|469915|运行：npm+run+start+or+npm+start+now|unstyled|offset|length|style|CODE|469916|entityMap^0|0|3|U|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>&quot;scripts&quot;: {
 &quot;start&quot;: &quot;webpack serve --mode development&quot;,
 &quot;build&quot;: &quot;webpack --mode production&quot;
 },
</code></pre>
Run: <code>npm run start or npm start now</code>

blocks|key|469834|text|这是因为webpack的版本。在某些版本中，没有config-yargs.js文件。所以%5E3.3.11版的webpack-cli为我工作。试一试：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|469835|npm+i+webpack-cli@%5E3.3.11|469836|entityMap^0|18|7|0|0|P|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

It is because of version of webpack-cli. In some versions, there is no config-yargs.js file. So <code>^3.3.11</code> version of webpack-cli worked for me.
Try it:
<code>npm i webpack-cli@^3.3.11</code>

blocks|key|469738|text|webpack核心小组说，表单版本3%2B的兼容性将在webpack+4上犯规。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|469739|所以我想你也需要把webpack+3更新到webpack+4。|469740|这个文档可以帮助你实现那个https://webpack.js.org/migrate/4。|469741|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/webpack/webpack-dev-server/releases/tag/v3.0.0-beta.1|1|https://webpack.js.org/migrate/4^0|D|6|0|0|0|D|W|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]]]

webpack core team says that <a href="https://github.com/webpack/webpack-dev-server/releases/tag/v3.0.0-beta.1" rel="nofollow noreferrer">form version 3+</a> the compatibility will foucs on webpack 4 

so I think you need also to update webpack 3 to webpack 4

this doc may help you to achieve that 
<a href="https://webpack.js.org/migrate/4" rel="nofollow noreferrer">https://webpack.js.org/migrate/4</a>

blocks|key|469924|text|您必须检查一下webpack、webpack-cli和and+server的最新版本，当您有了这些信息时，编辑package.json以反映这些版本并运行纱线安装检查文件，那么您就必须使用命令"npx+check“启动and+dev-server。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|469925|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|$]]

You have to check to find out the latest versions of webpack, webpack-cli and webpack-dev-server and when you have that information edit package.json to reflect those versions and run yarn install --check-files Then you'll have to start the webpack-dev-server with the command &quot;npx webpack serve&quot;

'Github' asked me to update 'webpack-dev-server' to version 3.1.11 or higher for security reasons.

However, 'npm run dev' will not run after the update.

I don't solve this problem

Error: Cannot find module 'webpack-cli/bin/config-yargs'

The code for 'package.json' is as follows.

<pre><code> "dependencies": {
 "@vue/cli-plugin-babel": "^3.5.1",
 "config": "^3.0.1",
 "vue": "^2.5.2",
 "vue-router": "^3.0.1"
 },
 "devDependencies": {
 "vue-jest": "^1.0.2",
 "vue-loader": "^13.3.0",
 "vue-style-loader": "^3.0.1",
 "vue-template-compiler": "^2.5.2",
 "webpack": "^3.12.0",
 "webpack-bundle-analyzer": "^3.3.2",
 "webpack-cli": "^3.3.10",
 "webpack-dev-server": "^3.1.14",
 "webpack-merge": "^4.1.0"
 },
 "engines": {
 "node": "&gt;= 6.0.0",
 "npm": "&gt;= 3.0.0"
 },
 "browserslist": [
 "&gt; 1%",
 "last 2 versions",
 "not ie &lt;= 8"
 ]
</code></pre>

Error: Cannot find module 'webpack-cli/bin/config-yargs'

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

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

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

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

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

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

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

出于安全考虑，“‘Github”要求我将“webpack-dev-server”更新为3.1.11或更高版本。但是，“npm”将不会在更新后运行。我不解决这个问题错误:找不到“webpack-cli/bin/config-yargs”模块“package.json”的代码如下。  "dependencies": {    "@vue/cli-plugin-babel": "^3.5.1",    

问错误:找不到“webpack-cli/bin/config-yargs”模块
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问错误:找不到“webpack-cli/bin/config-yargs”模块EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问错误:找不到“webpack-cli/bin/config-yargs”模块
EN