运行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) 

当前回答

使用以下命令弃用webpack-cli版本:

npm install -D webpack-cli@3

新版本处于测试阶段,可能会修复这个错误。

其他回答

使用以下命令弃用webpack-cli版本:

npm install -D webpack-cli@3

新版本处于测试阶段,可能会修复这个错误。

更新Webpack版本(和Webpack命令行):

npm install --save-dev webpack webpack-cli webpack-dev-server webpack-merge

如果您不使用上面提到的任何一种,请随意省略。

我刚刚解出来了。

问题出在index.html的路径上。

来自:

<script src="./dist/myBundle.js"></script>

to:

<script src="myBundle.js"></script>

如果你正在使用webpack-cli 4或webpack 5,将webpack-dev-server更改为webpack serve。

例子:

"serve": "webpack serve --config config/webpack.dev.js --progress"

你可能还想看看GitHub上的这条评论:

NPM包。Json脚本是一种方便而有用的运行方式 本地安装的二进制文件,而不必关心它们的 完整路径。简单地定义一个脚本如下: 对于webpack-cli 3.x: "scripts": {"start:dev": "webpack-dev-server"} 对于webpack-cli 4.x: "scripts": {"start:dev": "webpack serve"}

在包中使用webpack serve而不是webpack-dev-server。脚本下的Json。这对我来说非常有效。我也有同样的错误,这就解决了它。

我的devDependencies:

"webpack": "^5.22.0",
"webpack-cli": "^4.5.0",
"webpack-dev-server": "^3.11.2"

原文:https://stackoverflow.com/a/64304022/11739552