找不到模块'webpack / bin / config-yargs'
运行webpack-dev-server --config config/webpack.dev.js --progress --profile --watch --content-base src/时出错。这是错误日志：
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)
34 个答案:
答案 0 :(得分：79)
2021 年 1 月
使用 webpack 5，只需将 webpack-dev-server 命令替换为 webpack serve
答案 1 :(得分：25)
如果您使用的是 webpack-cli 4，请尝试从webpack-dev-server --open更改为webpack serve。
示例：
"serve": "webpack serve --config config/webpack.dev.js --progress --profile --watch --content-base src/"
您可能还希望在GitHub上检查此
：
NPM package.json脚本是一种方便实用的运行方式 本地安装的二进制文件，而不必关心它们的二进制文件 完整路径。只需这样定义一个脚本：
对于webpack-cli 3.x：
“脚本”：{“ start：dev”：“ webpack-dev-server”}
对于webpack-cli 4.x：
“脚本”：{“ start：dev”：“ webpack服务”}
答案 2 :(得分：15)
我遇到了类似的问题。我认为这与webpack版本有关。更改webpack版本后，最新的一切都很好......
答案 3 :(得分：12)
尝试在package.json中将webpack版本从1.x更改为2.x：
例如：
"devDependencies": {
"webpack": "2.2.0-rc.3",
"webpack-dev-server": "2.1.0-beta.0",
"webpack-validator": "^2.3.0"
}
有时，如果您将webpack-dev-server的预发布版本与webpack的已发布版本一起使用，或者反之亦然。
答案 4 :(得分：12)
这是因为 webpack-cli 版本的变化。
- 如果 webpack-cli 版本低于 4.x，可以使用
webpack-dev-server - 如果 webpack-cli 版本为 4.x 或更高，则可以使用
webpack serve
对于 webpack-cli 3.x 及以下版本
"scripts": {
"dev-server": "webpack-dev-server"
}
对于 webpack-cli 4.x 及以上版本
"scripts": {
"dev-server": "webpack serve"
}
答案 5 :(得分：7)
当我本地只安装if (!empty($_POST('submit')) {
//do something if the value is not empty
}
并且尚未在全局安装它时，我也会出现此错误。
我在全球范围内安装了webpack，并且它依赖于webpack-dev-server的全局安装。为了公平起见npm在安装webpack时抱怨：
UNMET PEER DEPENDENCY webpack@^2.2.0
答案 6 :(得分：5)
我通过在 package.json 上创建脚本命令解决了这个问题。
"dev": "webpack serve --config webpack.config.js --open",
答案 7 :(得分：4)
尝试使用以下命令更新您的Webpack依赖项
npm install --save-dev webpack webpack-cli webpack-dev-server
如果它不起作用，请按照以下说明使用
我有这些依赖关系，但是我遇到了同样的问题
"webpack": "^5.6.0",
"webpack-cli": "^4.2.0",
"webpack-dev-server": "^3.11.0"
我发现了一个解决方案，该解决方案为我提供了一个新脚本或在 package.json 中的启动脚本中
"dev": "webpack serve --mode development --env development"
答案 8 :(得分：4)
一般情况是由于Webpack和webpack-dev-server版本不兼容。 就像我也有这个问题，我的计算机的webpack是1.15.0，但webpack-dev-server比版本高2.x. 所以我卸载了webpack-dev-server：npm uninstall webpack-dev-server -g 然后安装1.15.0版本的webpack-dev-server，你可以通过npm install webpack-dev-server@1.15.0 -g
来解决这个问题。答案 9 :(得分：4)
我忘记安装webpack-cli。所以我在命令下执行，问题得到解决。
npm i -D webpack-cli
答案 10 :(得分：4)
尝试将webpack版本更改为3.0，将web-dev-server更改为2.7.1
例如：
update test t join
(select pn, min(price) as minprice
from test
group by pn
) tt
on t.pn = tt.pn and t.price = tt.minprice
set t.flag = 1;
答案 11 :(得分：3)
我也遇到过类似的问题。我认为这与 webpack 版本有关。
2021 年 7 月更新
拥有 "webpack-cli": "^4 or above", 和 "webpack": "^5 or above", 版本的人。
您可以尝试通过此命令更新您的 webpack 版本
npm install --save-dev webpack webpack-cli webpack-dev-server
现在转到您 package.json，在 scrpits 下添加此行
"dev": "webpack serve --mode development --env development"
这对我完全有用。
答案 12 :(得分：3)
就我而言，解决方案仅使用以前的版本-
"webpack": "^4.44.1",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.0"
答案 13 :(得分：2)
我通过运行npm start来修复此解决方案，webpack-dev-server只是一个运行'webpack-dev-server'的包装器，而不是直接将webpack-dev-server运行到控制台中。问题是我将选项传递给了一个我不应该将选项传递给的方法。
使用npm start运行webpack-dev-server向我显示了正确的错误消息。直接运行using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text;
using JetBrains.Annotations;
namespace Whatever
{
public sealed class LoggedBinaryReader : BinaryReader
{
[UsedImplicitly]
public LoggedBinaryReader([NotNull] Stream input) : this(input, Encoding.Default)
{
}
public LoggedBinaryReader(Stream input, Encoding encoding, bool leaveOpen = true) : base(input, encoding, leaveOpen)
{
Journal = new LoggedBinaryReaderJournal(this);
}
private LoggedBinaryReaderJournal Journal { get; }
public override int Read()
{
using (new LoggedBinaryReaderScope(Journal))
return base.Read();
}
public override int Read(byte[] buffer, int index, int count)
{
using (new LoggedBinaryReaderScope(Journal))
return base.Read(buffer, index, count);
}
public override int Read(char[] buffer, int index, int count)
{
using (new LoggedBinaryReaderScope(Journal))
return base.Read(buffer, index, count);
}
public override char ReadChar()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadChar();
}
public override char[] ReadChars(int count)
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadChars(count);
}
public override string ReadString()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadString();
}
public override bool ReadBoolean()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadBoolean();
}
public override byte ReadByte()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadByte();
}
public override sbyte ReadSByte()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadSByte();
}
public override short ReadInt16()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadInt16();
}
public override int ReadInt32()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadInt32();
}
public override long ReadInt64()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadInt64();
}
public override ushort ReadUInt16()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadUInt16();
}
public override uint ReadUInt32()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadUInt32();
}
public override ulong ReadUInt64()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadUInt64();
}
public override byte[] ReadBytes(int count)
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadBytes(count);
}
public override float ReadSingle()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadSingle();
}
public override double ReadDouble()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadDouble();
}
public override decimal ReadDecimal()
{
using (new LoggedBinaryReaderScope(Journal))
return base.ReadDecimal();
}
public IEnumerable<LoggedBinaryReaderRegion> GetRegionsRead()
{
return Journal.GetRegions();
}
public IEnumerable<LoggedBinaryReaderRegion> GetRegionsUnread()
{
var blocks = new LinkedList<LoggedBinaryReaderRegion>(Journal.GetRegions());
var curr = blocks.First;
// nothing explored
if (curr == null)
{
yield return new LoggedBinaryReaderRegion(0, BaseStream.Length);
yield break;
}
// account for beginning of file
if (curr.Value.Position > 0)
yield return new LoggedBinaryReaderRegion(0, curr.Value.Position);
// in-between
while (true)
{
var next = curr.Next;
if (next == null)
break;
var position = curr.Value.Position + curr.Value.Length;
var length = next.Value.Position - position;
if (length > 0)
yield return new LoggedBinaryReaderRegion(position, length);
curr = next;
}
// account for end of file
if (curr.Value.Position + curr.Value.Length < BaseStream.Length)
yield return new LoggedBinaryReaderRegion(
curr.Value.Position + curr.Value.Length,
BaseStream.Length - (curr.Value.Position + curr.Value.Length));
}
}
public struct LoggedBinaryReaderRegion
{
internal LoggedBinaryReaderRegion(long position, long length)
{
Position = position;
Length = length;
}
public long Position { get; }
public long Length { get; }
public override string ToString()
{
return $"{nameof(Position)}: {Position}, {nameof(Length)}: {Length}";
}
}
internal class LoggedBinaryReaderJournal
{
internal LoggedBinaryReaderJournal([NotNull] LoggedBinaryReader reader)
{
if (reader == null)
throw new ArgumentNullException(nameof(reader));
Reader = reader;
Regions = new List<LoggedBinaryReaderRegion>();
}
private long Position { get; set; }
private LoggedBinaryReader Reader { get; }
private List<LoggedBinaryReaderRegion> Regions { get; }
internal void StartLogging()
{
Position = Reader.BaseStream.Position;
}
internal void StopLogging()
{
var length = Reader.BaseStream.Position - Position;
var region = new LoggedBinaryReaderRegion(Position, length);
Regions.Add(region);
}
public IEnumerable<LoggedBinaryReaderRegion> GetRegions()
{
return Regions.OrderBy(s => s.Position);
}
}
internal struct LoggedBinaryReaderScope : IDisposable
{
private LoggedBinaryReaderJournal Journal { get; }
internal LoggedBinaryReaderScope(LoggedBinaryReaderJournal journal)
{
Journal = journal;
Journal.StartLogging();
}
public void Dispose()
{
Journal.StopLogging();
}
}
}
只给了我“错误：无法找到模块'webpack / bin / config-yargs'”。怪异。
我在： “webpack”：“^ 2.6.1”， “webpack-dev-server”：“^ 2.7.1”
答案 14 :(得分：2)
使用以下命令弃用webpack-cli版本：
npm install -D webpack-cli@3
新版本处于Beta阶段，可能会修复此错误。
答案 15 :(得分：2)
问题在于较新的webpack-cli版本。如果webpack-cli <= 3.x webpack-dev-server包工作正常。对于webpack-cli> = 4.x，请使用npx webpack serve命令运行本地服务器。
For webpack-cli 3.x:
"scripts": {
"start:dev": "webpack-dev-server --mode=development"
}
For webpack-cli 4.x:
"scripts": {
"start:dev": "webpack serve --mode=development"
}
答案 16 :(得分：1)
解决方案
package.json
"scripts": {
"startdev": "webpack serve --mode development --env development --hot --port 3000"
...
...
},
"devDependencies": {
...
"webpack": "^5.10.1",
"webpack-cli": "^4.2.0"
},
控制台
$ npm run startdev
答案 17 :(得分：1)
我已经安装了以下依赖项（没有指定任何特定版本）
common_range此错误出现在 begin() 期间，end() 中的以下条目特定于 template <ranges::range R>
using borrowed_subrange_t = std::conditional_t<
ranges::borrowed_range<R>,
ranges::subrange<
ranges::iterator_t<R>,
std::common_iterator<
ranges::iterator_t<R>,
ranges::sentinel_t<R>
>
>,
ranges::dangling
>;
属性。
"webpack-cli": "^4.5.0",
"webpack-dev-server": "^3.11.2"
因此，事实证明 yarn start 正在寻找 package.json 版本 scripts.start。我通过安装特定版本的 "scripts": {
"start": "webpack-dev-server --open",
"build": "webpack"
}
摆脱了这个错误 工作的 webpack-dev-server --open 看起来像这样：
webpack-cli但是，如果您不想降级 3.3 版本，请将 webpack-cli 更新为 package.json
答案 18 :(得分：1)
这通常是由于库之间的版本不匹配（包括webpack / yargs，在您的情况下）。当你离开项目一段时间并且node_modules目录中的某些依赖项变得陈旧时，这可能会发生很多。一个非常简单的解决方案，在使用不同版本的所有内容之前，只需将node_modules目录移动到临时位置并重新运行npm install：
% mv node_modules nod_modules.REMOVED
% npm install
然后，尝试重新运行webpack。
答案 19 :(得分：1)
我已经使用了这些依赖关系为我工作。
"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"
答案 20 :(得分：1)
要升级所有软件包（安装webpack-cli和webpack-dev-server之后），您可以
npm --depth=9999 upgrade
那应该可以解决版本不匹配的问题。
答案 21 :(得分：1)
我在webpack 4中遇到了同样的问题。
这是版本兼容问题。
要解决此问题，请运行以下命令在web pack 4中安装webpack-cli。
yarn add webpack-cli -D
答案 22 :(得分：0)
请使用webpack服务运行webpack-dev-server
webpack serve --config config/webpack.dev.js --progress --profile --watch --content-base src/
答案 23 :(得分：0)
相同的问题。在我的情况下，这是from jenkins_multibranch_job_builder import JenkinsMultibranchJobBuilder
和webpack-dev-server和webpack的不同版本。
尝试
webpack-cli
并安装推荐的版本。这些是我的：
示例：$ npm uninstall webpack-cli webpack webpack-dev-server
$ npm install webpack-cli@3.3.12 -D答案 24 :(得分：0)
降级webpack-cli
npm install -D webpack-cli@3
答案 25 :(得分：0)
以上所有答案均不适用于我。如果仍然出现此错误，可以尝试一下，this解决了我的问题：
打开node_modules \ webpack-dev-server \ bin \ webpack-dev-server.js
更改第84行：require（'webpack-cli / bin / config-yargs'）（yargs）;
收件人：
require（'webpack-cli / bin / config / config-yargs'）（yargs）;
更改第92行：const config = require（'webpack-cli / bin / convert-argv'）（yargs，argv，{
收件人：
const config = require（'webpack-cli / bin / utils / convert-argv'）（yargs，argv，{
答案 26 :(得分：0)
我尝试了以下几行并解决了：
- 由于 webpack-dev-server 的问题，所以转到 node-modules。
- 找到 webpack-dev-server 然后转到依赖项
- 检查 webpack 和 webpack-cli 的依赖信息及其版本。
- 使用完全相同的版本重新安装这些名称。
然后尝试重新运行开发服务器。
就我而言： "dev-server": "webpack-dev-server --open"
控制台： npm 运行开发服务器
答案 27 :(得分：0)
-> 所以，首先你要排除 node_modules 文件夹。
->如果在存档 package.json 中验证依赖项：“webpack”、“webpack-cli”和“webpack-dev-server”，它们在 "dependencies":{} 中。
-> 最后，打开终端执行命令：yarn。安装完全取决于被排除的情况。
答案 28 :(得分：0)
将命令从 "serve": "webpack-dev-server" 更改为 "serve":"webpack serve" 解决了这个问题。我已经用 webpack dev server v3.11.0 和 v3.11.2 尝试过这个解决方案；两者都运行良好。
答案 29 :(得分：0)
在 webpack serve 下的 package.json 中使用 webpack-dev-server 而不是 scripts。它非常适合我。我遇到了同样的错误，这修复了它。
我的开发依赖：
"webpack": "^5.22.0",
"webpack-cli": "^4.5.0",
"webpack-dev-server": "^3.11.2"
答案 30 :(得分：0)
我刚刚解决了。
问题出在 index.html 上的路径上。
来自：
<script src="./dist/myBundle.js"></script>
到：
<script src="myBundle.js"></script>
答案 31 :(得分：0)
更新您的Webpack版本（和Webpack CLI）：
npm install --save-dev webpack webpack-cli webpack-dev-server webpack-merge
如果您不使用上述任一设备，请忽略。
答案 32 :(得分：0)
是webpack版本问题 你需要使用这个命令更新你的 webpack
npm install --save-dev webpack webpack-cli webpack-dev-server
现在在 package.json 文件中使用
"dev": "webpack serve --config webpack.config.js --open"
答案 33 :(得分：0)
这些对我有用：
"webpack": "^4.31.0",
"html-webpack-plugin": "^3.0.0",
"webpack-bundle-analyzer": "^3.3.2",
"webpack-cli": "^3.3.2",
"webpack-dev-server": "^3.3.1",
"webpack-merge": "^4.1.0"
- 找不到模块'webpack / bin / config-yargs'
- 找不到模块＆＃34;。＆＃34;在webpackMissingModule
- 找不到模块＆＃39; D：\ nodejs \ node_modules \ webpack \ bin \ webpack.js＆＃39;
- GatsbyJS无法找到模块'fs'webpack配置问题
- 错误：无法找到模块＆＃39; webpack / bin / config-yargs＆＃39;安装webpack时4
- 错误：无法找到模块＆＃39; webpack / bin / config-yargs＆＃39;
- 找不到模块＆＃39; webpack-cli / bin / config-yargs＆＃39; reactJS出错
- 错误：找不到模块＆＃39; eslint-config-flowtype＆＃39;
- 如何解决reactjs中的'找不到模块'webpack-cli / bin / config-yargs'错误？
- Mocha / Yargs找不到模块'./package.json'
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？