Webpack：安装了webpack和webpack-cli之后，运行webpack仍然出现错误

Question

我已经安装了最新版本的webpack：

"webpack": "^4.0.0",
"webpack-cli": "^2.0.9"

然而，当我在终端中运行webpack时，我会得到以下内容:

The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D

- Taylor Austin

---

可能是使用webpack 4开始时遇到的问题的重复。 - Borian

更多相关的 [tag:webpack-4] 文档请参见此处。 - Carloluis

Answer 1

看起来您只全局安装了webpack而没有安装webpack-cli。

因此，npm install -g webpack-cli解决了这个问题。

---

说明和备选方案：

为什么会出现这个问题？以下内容表明webpack和webpack-cli两个包都已经在本地安装好了：

我已经安装了最新版本的webpack：

   "webpack": "^4.0.0",
   "webpack-cli": "^2.0.9"

在您的终端中运行webpack时，会发现找不到本地安装的版本（由webpack-cli提供自webpack-4）。 这是因为您的本地可执行文件夹未包含在您的shell PATH 变量中（shell查找命令的目录列表）。npm将可执行文件本地安装的路径是./node_modules/.bin（更多信息请参见此处）。

因此，您需要运行以下命令而不是仅运行webpack：

./node_modules/.bin/webpack

此外，向您的package.json添加一个只使用webpack的脚本是有效的，因为npm在执行脚本之前会将本地的./node_modules/.bin/目录添加到shell路径中（请参阅npm run）。

"scripts": {
    "build": "webpack"
}

然后，在终端中执行：npm run build

总的来说，我认为package.json脚本是更清晰和可取的方法。

- Carloluis

---

还可以在 GitHub 上查看这个 Webpack 4 Demo 项目。希望能对你有所帮助！ - Carloluis

Answer 2

使用npm尝试此命令：

npm i -g webpack-cli -D --save

- Urvashi Bhatt

---

这解决了问题，但现在我遇到了另一个错误。我将为该错误创建一个新帖子。 - Taylor Austin

对于所有好奇的人，上述命令会将“webpack-cli”全局安装，而不是安装在您的本地路径中。 i --> 安装；g --> 全局；D -->--save-dev - Kings

这可能是一个解决方案，但它很简短且没有解释。carloluis 给出的答案要完整得多，应该是这个问题的答案。 - daniel

Answer 3

在webpack版本^4.0.0中，webpack CLI已移至不同的包中。尽管文档中尚未反映此更改，但有一个拉取请求正在处理此问题。 Carloluis's answer可以解决您的问题，但建议不要进行全局安装。因此，在您的项目文件夹中简单地运行npm install -D webpack-cli即可。

- ceoehis

Answer 4

webpack团队正在将内容移入webpack-cli中。我尝试全局安装webpack-cli，但是出现了以下GIT错误。

请检查您是否已安装git并将其添加到PATH中。

因此，我首先从https://gitforwindows.org/安装了GIT，然后使用npm安装了webpack-cli。

此博客详细介绍了截图和解决此错误的方法Angular webpack GIT and webpack-cli error。

- Shivprasad Koirala

Answer 5

我遇到了一个错误，它说我需要安装webpack-cli，即使我已经安装了它，但没有安装webpack。所以我执行了yarn add -D webpack，不需要全局安装。

- Kat

Answer 6

我在开发一个Rails 6应用程序时遇到了这个错误

The CLI moved into a separate package: webpack-cli
Please install 'webpack-cli' in addition to webpack itself to use the CLI

这是我解决问题的方法：

如果你使用 npm，运行以下命令：

npm i -D webpack-cli

如果您正在使用yarn，请运行：

yarn add -D webpack-cli

注意：您无需在package.json文件中添加/定义webpack-cli，因为安装命令还会将webpack-cli添加到devDependencies中。

就这些了。

希望这可以帮助到您。

- Promise Preston

Answer 7

我曾经面对同样的错误。后来我通过从 git repo（https://github.com/webpack/webpack）克隆 #webpack，然后使用 #gitbash 安装 webpack-cli(npm install -g webpack webpack-cli --save-dev) 来解决了这个问题。

最后检查版本号 (webpack -v)，如果你得到了版本号，那么它就成功安装了。

希望这能帮助像我一样遇到这个问题的人。谢谢

- Madhavi Gunapati