Webpack 不能识别为内部或外部命令、可操作程序或批处理文件

我正在学习 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.

Webpack 不能识别为内部或外部命令、可操作程序或批处理文件

276641 次浏览
小开
最佳答案

我也有这个问题很长一段时间了 结果是，我没有为 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

(这确实假设您在 package.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"
}
}

那就快跑

运行编译

当安装 webpack 时，它会在。/node _ module/.垃圾箱文件夹。Npm 脚本还查找在此文件夹中创建的可执行文件

小开

我也遇到过同样的问题，只是将代码块添加到 package.json 文件中;

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

然后在终端上运行命令;

npm run build
小开

有时候 Npm install-g webpack不能正确地保存。最好使用 Npm 安装 webpack ——保存。它对我很有效。

小开

Webpack CLI 现在在一个单独的包中，必须在全球范围内安装，以便使用“ Webpack”命令:

npm install -g webpack-cli

编辑: 已经发生了很大的变化。Webpack 用户不建议在全局范围内安装 CLI (或者单独安装)。这个问题现在应该已经解决了，但是正确的 install 命令是:

npm install --save-dev webpack

这个答案最初是作为 OPs 问题的一个“解决方案”。

小开

尝试删除本地目录中的 Node _ module并重新运行 Npm 安装。

小开

我得到了同样的错误，没有一个解决方案适合我，我重新安装节点，并修复我的环境，一切工作了。

小开

您必须在同一范围内安装 webpack 和 webpack-cli。

npm i -g webpack webpack-cli

或者,

npm i webpack webpack-cli

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

node_modules/.bin/webpack -v
小开

我们也经历过这个问题，我喜欢所有建议使用 package.json中定义的脚本的答案。

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

  1. npm install --save-dev webpack-cli(如果使用 webpack v4或更高版本，则使用 npm install --save-dev webpack，请参阅 网络包安装，检索时间为2019年1月19日)
  2. npx webpack

第一步是一次性的。步骤2还检查 ./node_modules/.bin。您也可以将第二个步骤作为 npm 脚本添加到 package.json，例如:

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

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

在 Windows 10上用 npm version 6.5.0、 webpack version 4.28.4和 webpack-cli version 3.2.1测试了这个解决方案，在 PowerShell 窗口中执行所有命令。我的 nodejs 版本是/是10.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.Richards Https://stackoverflow.com/a/44526528/1908827

小开

对我来说，解决方法是在本地安装 webpack 作为 devDependency。虽然我把它作为 devDependencies，但它没有安装在 node _ module 文件夹中。所以我跑了 npm install --only=dev

小开

对我来说，单独安装 webpack 很有用，所以很简单:

$npm install
$npm install webpack

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

小开 
npx webpack

我用的是 Windows10，在本地安装了 webpack。

小开

也许一个干净的安装可以解决这个问题。这个“命令”删除所有以前的模块并重新安装它们，可能是在 webpack 模块未完全下载和安装的情况下。

npm clean-install
小开

我在升级到 反应16.12.0时遇到了这个问题。

在渲染 DOM 时，我有两个错误，一个是关于 网络包的，另一个是关于 商店的。

Webpack 错误:

Webpack 不能识别为内部或外部命令、可操作程序或批处理文件

Webpack 解决方案:

  1. 密切相关的 VS 解决方案
  2. 删除 node_modules文件夹
  3. 删除 package-lock.json
  4. npm install
  5. npm rebuild
  6. 重复2-3次

存储错误:

类型 Store < () > 不可分配给类型 Store & # 60; any，AnyAction & # 62;

商店解决方案:

更新我的 React 版本的建议并没有为我修复这个错误，但是无论如何我都会建议这样做。

我的代码结果是这样的:

ReactDOM.render(
<Provider store={store as any}>
<ConnectedApp />
</Provider>,
document.getElementById('app')
);

根据 这个解决方案

小开

下面这些命令对我有效。

npm cache clean --force
npm install -g webpack

注意 -作为管理员运行这些命令。安装之后，关闭命令提示符并重新启动它，以查看应用的更改。

小开

如果您为您的 JS 项目创建一个样板文件夹，以便您可以使用 JS 模块，那么 webpack和 Babel是很好的工具。

不要在全局范围内安装 webpack，在安装了这两个版本的最新版本之后，您的 package.json文件将被加载并准备为以后的项目复制。

确保删除 node_modules文件夹以减小样本文件夹中的文件大小，然后使用 npm install重新安装 node _ module。

我忘记运行 npm install，并且在尝试运行 webpack dev-server 时不断出现这个错误，直到我意识到需要运行 npm install来安装 node_modules，然后它工作了。

小开

我也面临同样的问题，这个命令为我工作

npm install --save-dev webpack


提交答案