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

Answer 1

使用 Npm 试试这个命令：

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

Answer 2

webpack 团队正在将内容迁移到 webpack-cli。我尝试在全局安装 webpack-cli 它给了我 GIT 错误，如下所示。

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

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

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

Answer 3

似乎您只全局安装了 webpack 而不是 webpack-cli。

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

解释和替代解决方案：

为什么会出现问题呢？以下表示本地安装了 webpack 和 webpack-cli 包：

I have the latest versions of webpack installed:
   "webpack": "^4.0.0",
   "webpack-cli": "^2.0.9"

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

因此，您需要运行:

而不是仅 webpack 尝试运行ning

./node_modules/.bin/webpack

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

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

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

总而言之，我认为 package.json 脚本是更清晰、更理想的方式。

Answer 4

在 webpack 版本 ^4.0.0 中，webpack CLI 被移动到不同的包中。虽然此更改未反映在文档中，但有一个 pull request 解决了这个问题。

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

Answer 5

我遇到了同样的错误。然后我通过从 git repo (https://github.com/webpack/webpack ) 克隆#webpack 找到了#installed the webpack-cli( npm install -g webpack webpack-cli --save-dev) 使用#gitbash.

最后一次检查版本 (webpack -v) 如果你得到它安装成功的版本。

希望这对像我这样的人有所帮助。谢谢

Answer 6

我收到错误消息说我需要安装 webpack-cli，即使我已经安装了 webpack-cli 而不是 webpack。所以我做了yarn add -D webpack，不需要全局安装。

Answer 7

我在处理 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 add -D webpack-cli

注意：您不需要在 package.json 文件中 add/define webpack-cli，因为安装它的命令还会添加 webpack-cli 到 package.json 文件中的 devDependencies。

就这些了

希望对您有所帮助

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

Webpack: After installing webpack and webpack-cli still getting error when running webpack

webpack

webpack-4

解释和替代解决方案：

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