Npm 网页包不被识别为内部或外部命令、可操作程序或批处理文件

我正在学习React.js，我正在使用windows 8操作系统。我已经导航到我的根文件夹

1.Created the package.json file by npm init
2. install webpack by npm install -S webpack.now webpack has been downloaded to my modules folder
3. install webpack globally by typing npm install webpack -g
4. i am also having a webpack.config.js in my root folder which contains the source and ouput directory
5. when i type the webpack command i am getting the below error.

---

网页包不被识别为内部或外部命令、可操作程序或批处理文件

我也有这个问题很久了。（全球安装的网页包等，但仍无法识别） 事实证明，我没有为npm指定环境变量（文件webpack.cmd位于何处） 因此，我添加到我的Path变量中

%USERPROFILE%\AppData\Roaming\npm\

如果您使用的是Powershell，则可以键入以下命令以有效地添加到路径：

[Environment]::SetEnvironmentVariable("Path", "$env:Path;%USERPROFILE%\AppData\Roaming\npm\", "User")

---

重要提示：不要忘记关闭并重新打开您的powershell窗口以应用此功能。

如果您在本地安装了Webpack，则可以明确指定命令提示符查找它的位置，如下所示：

node_modules\.bin\webpack

---

（这确实假设您的

包.json在目录中，并且您已经运行了
npm install webpack
）
npm install-g webpack dev server
将解决您的问题解决此问题的更好方法是全局安装
webpack

这一直有效，对我也有效。试试下面的命令

npm install -g webpack

只需以管理员身份运行命令行（cmd）。
将webpack命令作为npm脚本添加到package.json中

{
    "name": "react-app",
    "version": "1.0.0",
    "scripts": {
      "compile": "webpack --config webpack.config.js"
    }
}

然后跑

npm运行编译

安装网页包后，它会在./node\u modules/.bin文件夹中创建一个二进制文件。npm脚本还会查找在该文件夹中创建的可执行文件，我也遇到过同样的问题，只是将代码块添加到了我的package.json文件中

 "scripts": {
   "build": "webpack -d --progress --colors"
 }

然后在终端上运行命令

npm run build

有时npm安装-g webpack无法正确保存。最好使用npm安装网页包--保存。它对我很有效。
Webpack CLI现在位于单独的软件包中，必须全局安装才能使用“Webpack”命令：

npm install -g webpack-cli

编辑：变化很大。Webpack人员不建议全局安装CLI（或单独安装）。现在应该修复此问题，但正确的安装命令是：

npm install --save-dev webpack

这个答案最初是为了解决老年退休金问题
 尝试删除本地目录中的节点\u模块并重新运行npm安装。
我遇到了相同的错误，所有解决方案都不适用于我，我重新安装了节点并修复了我的环境，所有功能都恢复正常。
您必须在同一范围内安装webpack和webpack cli

npm i -g webpack webpack-cli

或者

如果您在本地安装，则需要专门调用它

node_modules/.bin/webpack -v

我们也遇到了这个问题，我喜欢所有建议使用
package.json
中定义的脚本的答案

对于我们的解决方案，我们通常使用以下顺序：

npm安装--保存开发人员网页包cli
（如果您使用的是网页包v4或更高版本，则使用
npm安装--保存开发人员网页包
，请参阅，2019年1月19日检索）
npx网页包
第一步是一次性的。步骤2还检查
/node\u modules/.bin
。您还可以将第二步作为npm脚本添加到
package.json
，例如：

{
   ...
   "scripts": {
      ...
      "build": "npx webpack --mode development",
      ...
   },
   ...
}

然后使用
npm run build
执行此脚本

在Windows 10上使用npm版本6.5.0、webpack版本4.28.4和webpack cli版本3.2.1测试此解决方案，在PowerShell窗口内执行所有命令。我的nodejs版本是/was10.14.2。我还在Ubuntu Linux版本18.04上测试了这个

我建议不要在全球范围内安装webpack，特别是如果您正在处理许多不同的项目，其中每个项目可能需要不同版本的webpack。在同一台计算机上的所有项目中，全局安装webpack会将您锁定为特定版本。
我也遇到了同样的问题，我无法解决。我检查了每一行代码，没有找到我的错误。然后我意识到我在错误的文件夹中安装了webpack。我的错误是没有注意到我要将webpack安装到的文件夹。
全局安装webpack

npm install --global webpack

如果您刚刚克隆了回购协议，则首先需要运行

npm install

如果缺少项目依赖项，将生成获取的错误。上面的命令将下载并安装它们。
试试这个，cli需要更新到最新版本

npm install --save-dev @angular/cli@latest

这归功于R.理查兹
我的修复程序是在本地安装webpack作为devDependency。虽然我把它作为
devDependencies
安装在node_modules文件夹中。所以我跑了
npm install--only=dev
对我来说，单独安装webpack是有效的。简单地说：

$npm install
$npm install webpack

我不知道为什么这是必要的，但它起了作用

npx webpack

它对我有用。我使用的是Windows 10，我在本地安装了webpack。
也许一个干净的安装会解决这个问题。此“命令”删除所有以前的模块并重新安装它们，可能是在Web包模块未完全下载和安装时

npm clean-install

我在升级到React 16.12.0时遇到此问题

在呈现DOM时，我有两个错误，一个是关于webpack，另一个是关于存储

网页包错误：

网页包不被识别为内部或外部命令、可操作程序或批处理文件

网页包解决方案：

密切相关VS解决方案
删除
节点\u模块
文件夹
已删除
包锁.json
npm安装
npm重建
重复这个2-3次
存储错误：

类型存储不可分配给类型存储
以下给定的命令适用于我

npm cache clean --force
npm install -g webpack

注意-以管理员身份运行这些命令。安装完成后，关闭命令提示符并重新启动以查看应用的更改。
如果
ReactDOM.render(
        <Provider store={store as any}>
            <ConnectedApp />
        </Provider>,
        document.getElementById('app')
    );

npm cache clean --force
npm install -g webpack