Question

我正在学习React并通过npm将webpack安装到我的项目目录中，但是zsh找不到命令，即使我可以看到我的项目中安装了webpack。我使用npm init --yes后跟npm install --save webpack

Answer 1

简单的方法。全局安装。

npm i -g webpack

如果您将使用webpack，请安装webpack-dev-server

npm i -g webpack-dev-server

我建议你先学习一下 npm 然后 webpack 。

Answer 2

无需在全球范围内安装webpack。

试试我的方式：

首先，在package.json文件中添加：

"scripts": {
   "start": "webpack"
},

然后，在您的终端中，运行

$npm start

另一种快捷方式：刚跑（是的，它是'npx'）

$npx webpack

就是这样。

Answer 3

在本地安装webpack，您也可以使用：

$(npm bin)/webpack

而不是：

./node_modules/.bin/webpack

Answer 4

全局安装节点模块是一种快速解决方案，但我建议将./node_modules/.bin添加到路径变量中，并尝试了解问题所在。

执行

~ export PATH="./node_modules/.bin:$PATH"

之后，您只需使用项目中本地安装的所有软件包即可。此外，还可以执行mocha或eslint等命令，而无需在全局安装这些软件包。有几个很好的解释也许还可以阅读answer。

Answer 5

在我的情况下，我遇到了webpack，grunt和gulp这个问题，似乎我的问题是权限问题。

我在全球范围内安装了webpack和grunt。然而，即便如此，$ webapack或$ grunt导致命令未找到

问题是npm将全局软件包安装到/ usr / local / lib / node_modules，这需要root权限。

因此，为了避免使用root权限，我将要安装全局包的目录更改为$ HOME中的目录。为此，我遵循了本指南：

在此之后，我再次全局安装webpack和grunt（这次没有sudo）并验证它们已经安装在我的新目录中。

现在，我可以顺利运行！

$ webpack

和

$ grunt

Answer 6

如果您使用的是Windows，请尝试将％USERPROFILE％\ Appdata \ Roaming \ npm 放入您的路径，然后重试。