安装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

Answer 1

似乎你只在全球安装了webpack而不是webpack-cli。

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

---

Explanation and alternative solutions:

为什么首先出现问题？以下表示webpack和webpack-cli包都是本地安装的：

我安装了最新版本的webpack：

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

在您的终端中运行webpack找不到您当地安装的版本（自webpack-cli以来由webpack-4提供）。那是因为你的locals可执行文件夹不包含在你的shell PATH变量中（shell查找命令的目录列表）。 npm在本地安装可执行文件的路径是./node_modules/.bin（更多信息here）。

因此，您需要运行：而不是尝试只运行webpack：

./node_modules/.bin/webpack

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

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

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

回顾一下，我认为package.json脚本是更清晰和理想的方式。

Answer 2

尝试此命令使用Npm：

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

Answer 3

webpack团队正在将事情转移到webpack-cli。我尝试在全球范围内安装webpack-cli，它给了我GIT错误，如下所示。

请检查您是否安装了git并在PATH中。

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

此博客有详细的屏幕截图和补救措施来解决此错误Angular webpack GIT and webpack-cli error。

Answer 4

在webpack版本^ 4.0.0中，webpack CLI被移动到另一个包中。尽管这一变化尚未反映在文档中，但有一个pull request正在解决这个问题。

Carloluis's answer解决您的问题，但我想补充一点，建议不要进行全局安装。所以项目文件夹中的简单npm install -D webpack-cli就可以了。

Answer 5

我得到了错误，说我需要安装webpack-cli，即使我已经安装了webpack-cli但是没有。所以我做了yarn add -D webpack，无需全局安装。

Answer 6

我遇到了同样的错误。然后我通过git repo（https://github.com/webpack/webpack）克隆了#webpack，然后使用#gitbash安装了webpack-cli（npm install -g webpack webpack-cli --save-dev）。

最后检查版本（webpack -v），如果你得到它成功安装的版本。

希望这能帮助像我这样的人。谢谢