安装webpack和webpack-cli后运行webpack时仍然出错

时间:2018-02-26 15:21:31

标签: webpack webpack-4

我安装了最新版本的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

6 个答案:

答案 0 :(得分:25)

似乎您仅在全球范围内安装了webpack而非webpack-cli

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

解释和替代解决方案:

为什么首先出现问题?以下表示本地安装了webpackwebpack-cli个包:

  

我安装了最新版本的webpack:

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

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

因此,您需要运行:

,而不是仅运行webpack
./node_modules/.bin/webpack

此外,添加package.json仅使用webpack的脚本可以正常工作,因为npm会在执行脚本之前将本地./node_modules/.bin/目录添加到shell路径中(请参阅{{ 3}})。

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

然后,在您的终端执行:npm run build

总结一下,我认为package.json脚本是更清晰,更理想的方式。

答案 1 :(得分:2)

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

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

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

此博客提供了详细的屏幕截图和补救措施,以解决此错误Angular webpack GIT and webpack-cli error

答案 2 :(得分:2)

在webpack版本^ 4.0.0中,webpack CLI被移动到另一个包中。虽然此更改未在文档中反映出来,但仍有pull request解决此问题。

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

答案 3 :(得分:0)

我得到一个错误消息,即使我已经安装了webpack-cli,但还没有安装webpack,我仍然需要安装webpack-cli。所以我做了yarn add -D webpack,不需要全局安装。

答案 4 :(得分:0)

在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

注意:您无需在webpack-cli文件中添加/定义package.json,因为安装它的命令还会将webpack-cli添加到{ devDependencies文件中的{1}}。

仅此而已

我希望这会有所帮助

答案 5 :(得分:-1)

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

最后检查版本(webpack -v),如果获得安装成功的版本。

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