无法加载 @webpack-cli/serve

Question

我从Pluralsight教程下载了一个项目文件夹，当我尝试使用npm start运行它时，会显示以下消息：

[webpack-cli] Unable to load '@webpack-cli/serve' command [webpack-cli] TypeError: options.forEach is not a function at WebpackCLI.makeCommand (C:\Users\Israel Juarez\Desktop\before\node_modules\webpack-cli\lib\webpack-cli.js:173:21)

at ServeCommand.apply (C:\Users\Israel Juarez\Desktop\before\node_modules\@webpack-cli\serve\lib\index.js:41:19)

at loadCommandByName (C:\Users\Israel Juarez\Desktop\before\node_modules\webpack-cli\lib\webpack-cli.js:907:35)
at async Command.<anonymous> (C:\Users\Israel Juarez\Desktop\before\node_modules\webpack-cli\lib\webpack-cli.js:1462:17)
at async Promise.all (index 0)
at async WebpackCLI.run (C:\Users\Israel Juarez\Desktop\before\node_modules\webpack-cli\lib\webpack-cli.js:1500:9)

at async runCLI (C:\Users\Israel Juarez\Desktop\before\node_modules\webpack-cli\lib\bootstrap.js:11:9)

npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! ps-redux@1.0.0 start: webpack serve --config webpack.config.dev.js --port 3000 npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the ps-redux@1.0.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR!
C:\Users\Israel Juarez\AppData\Roaming\npm-cache_logs\2021-10-20T17_42_05_820Z-debug.log

- Israel Juarez

---

这个问题正在这里讨论：https://github.com/webpack/webpack-cli/issues/2990 - Henry Story

Answer 1

你最好通过以下方式卸载webpack-cli:

npm uninstall webpack-cli

然后，更新webpack-cli版本：

npm install webpack-cli --save-dev

这可能会有所帮助。还要检查一下你的package.json文件中是否直接包含了@webpack-cli/serve。

- Maksym Dudyk

Answer 2

从作者对问题的评论中：

看起来我们这里有一个小回归，但如果我们恢复它，将会创建另一个破坏性变化，所以我的建议是 - 提高 webpack-cli@4.9.0 的版本并更新锁定文件，还要检查您的 package.json 中是否直接包含 @webpack-cli/serve。

对此很抱歉

我将版本从4.5.0更改为4.9.0，然后开发服务器按预期启动。

感谢@Henry Story提出的问题link。

- usertest

Answer 3

将 mode: 'development' 添加到您的配置文件中。

module.exports = {
     mode: 'development',
     ...
    };

或者

输入CLI参数并在文件上进行验证：

webpack --mode=development

此外，您可以选择“开发”、“生产”或“无”。

- fran-ol

Answer 4

运行以下命令：

• npm install webpack
• npm install --save-dev webpack-cli

希望问题能够得到解决。

- hussi07

---

没有对我起作用。 - Alexandros Kourtis

Answer 5

我在我的项目中遇到了同样的问题。在我的情况下，我首先删除了root和./node_modules目录中的package-lock.json文件，然后运行以下代码：

npm install --save --legacy-peer-deps webpack-cli@4.9.0

这个错误与项目中使用的webpack-cli版本有关。

- The Ali