webpack：命令未找到错误[已解决]

目录

webpack: command not found error [Solved]

1. webpack：找不到命令错误
2. webpack 未被识别为内部或外部命令
3. webpack-dev-server：命令未找到错误

webpack: command not found 错误

用于npx解决错误“webpack: command not found”，例如npx webpack
，或通过运行在本地安装包
npm install --save-dev webpack webpack-cli，以便能够使用文件脚本部分中的命令package.json。

解决错误的最快方法是使用命令npx。

复制了！
npx webpack

npx webpack --version

或者，您可以webpack在本地安装。在项目的根目录（文件所在的位置）中打开终端package.json并运行以下命令：

复制了！
npm install --save-dev webpack webpack-cli

这会将webpack添加到项目的开发依赖项中。

现在您可以使用文件部分
webpack中的命令。scriptspackage.json

复制了！
{
  "scripts": {
    "build": "webpack --config webpack.config.js"
  }
}

现在您将运行命令 asnpm run build而不是webpack直接在您的终端中使用。

webpack全局安装

如果错误没有解决，可以尝试webpack全局安装。在项目的根目录（文件所在的位置）中打开终端package.json并运行以下命令：

复制了！
# ✅ Install Webpack globally
npm install -g webpack webpack-cli

# ✅ Create a symbolic link from the global package
# to node_modules/ of current folder
npm link webpack

npm link命令创建一个从全局安装包到node_modules/
当前文件夹目录的符号链接。

运行这两个命令后，错误应该得到解决。

复制了！
# 👇️ If you got permissions error, run with sudo
sudo npm install -g webpack webpack-cli

npm link webpack

删除您的 node_modules 并重新安装您的依赖项

如果错误未解决，请尝试删除您的node_modules和
package-lock.json（不是
package.json）文件，重新运行npm install并重新启动您的 IDE。

复制了！
# 👇️ delete node_modules and package-lock.json
rm -rf node_modules
rm -f package-lock.json
# 👇️ delete dist or build (the directory where webpack outputs files)
rm -rf dist

# 👇️ clean npm cache
npm cache clean --force

npm install

确保也删除您的dist或build文件夹（如果有的话）。这是webpack输出文件的地方。

如果您仍然遇到错误，请打开您的package.json文件并确保它包含对象webpack中的包devDependencies。

复制了！
{
  // ... rest
  "devDependencies": {
    "webpack": "^5.71.0",
    "webpack-cli": "^4.9.2"
    // ... rest
  }
}

您可以尝试手动添加该行并重新运行npm install。

复制了！
npm install

或者安装最新版本的软件包：

复制了！
npm install --save-dev webpack@latest webpack-cli@latest

webpack 不被识别为内部或外部命令

用于npx解决错误“webpack 未被识别为内部或外部命令、可操作程序或批处理文件”，例如，或者通过运行以使用文件中的命令来在npx webpack本地安装包。npm install --save-dev webpack webpack-clipackage.json

解决错误的最快方法是使用命令npx。

复制了！
npx webpack

npx webpack --version

或者，您可以webpack在本地安装。在项目的根目录（文件所在的位置）中打开终端package.json并运行以下命令：

复制了！
npm install --save-dev webpack webpack-cli

这会将webpack添加到项目的开发依赖项中。

现在您可以使用文件部分
webpack中的命令。scriptspackage.json

复制了！
{
  "scripts": {
    "build": "webpack --config webpack.config.js"
  }
}

现在您将运行命令 asnpm run build而不是webpack直接在您的终端中使用。

webpack全局安装

如果错误没有解决，可以尝试webpack全局安装。在项目的根目录（文件所在的位置）中打开终端package.json并运行以下命令：

复制了！
# ✅ Install Webpack globally
npm install -g webpack webpack-cli

# ✅ Create a symbolic link from the global package
# to node_modules/ of current folder
npm link webpack

npm link命令创建一个从全局安装包到node_modules/
当前文件夹目录的符号链接。

运行这两个命令后，错误应该得到解决。

复制了！
npm install -g webpack webpack-cli

npm link webpack

在 Windows 上更新 PATH

如果这没有帮助，请运行以下命令：

复制了！
npm config get prefix

npm该命令将向您显示放置全局安装包的路径。全局包将位于bin指定路径的目录中。

查看操作系统上的 PATH 环境变量，npm config get prefix如果不存在则添加命令输出的路径。

在 Windows 上，该npm config get prefix命令的输出类似于：C:\Users\Your_User_Name\AppData\Roaming\npm。

要在 Windows 机器上更新 PATH，您必须：

1. 打开开始搜索并输入env然后点击“编辑系统环境变量”
2. 然后点击“环境变量”
3. 编辑Path变量并添加从命令获得的输出
   npm config get prefix。

路径应该看起来像C:\Users\Your_User_Name\AppData\Roaming\npm（确保Your_User_name用您的实际用户名替换占位符）。

如果出现错误“无法加载 webpack，因为此系统上禁用了运行脚本”，请以管理员身份打开 PowerShell，并使用
Set-ExecutionPolicy
命令设置其执行策略。

复制了！
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser

这有效地删除了 的执行策略Restricted，它不允许我们加载配置文件或运行脚本。执行Restricted策略是 Windows 客户端计算机的默认策略。

如果这没有帮助，请尝试在您的计算机上重新安装 Node.js，然后webpack通过运行全局
安装npm install -g webpack webpack-cli。

复制了！
npm install -g webpack webpack-cli

或者，您可以在官方 npm 文档中的此页面上查看如何修复权限错误
。

webpack-dev-server：命令未找到错误

要解决错误“webpack-dev-server: command not found”，请通过运行npm install -g webpack-dev-server并重新启动终端来全局安装包。

如果命令失败，请运行它sudo并确保在系统的环境变量中设置了正确的 PATH。

打开终端并
通过运行以下命令全局安装webpack-dev-server 。

复制了！
# 👇️ install webpack-dev-server globally
npm install -g webpack-dev-server

# 👇️ install webpack-dev-server locally to your project
npm install webpack-dev-server --save-dev

复制了！
# 👇️ if you got permissions error
npm install -g webpack-dev-server

运行命令npx

或者，您可以在文件所在的目录中打开终端
webpack.config.js并运行命令npx webpack serve。

复制了！
npx webpack serve --config webpack.config.js

更新你的PATH环境变量

如果这没有帮助，请运行以下命令：

复制了！
npm config get prefix

npm该命令将向您显示放置全局安装包的路径。全局包将位于bin指定路径的目录中。

查看操作系统上的 PATH 环境变量，npm config get prefix如果不存在则添加命令输出的路径。

如果这不起作用，请尝试将bin文件夹的路径 (from
npm config get prefix) 添加到您的 PATH 环境变量并重新启动您的终端。

例如，在 macOS 上，您可以使用以下命令更新您的路径：

复制了！
# make sure path matches with npm config get prefix
export PATH=/usr/local/share/npm/bin:$PATH

在 Windows 上，命令的输出npm config get prefix类似于：C:\Users\Your_User_Name\AppData\Roaming\npm。

在您的机器上编辑环境变量并添加指定的路径（用您的用户名替换占位符）。

如果您使用的是 Linux，则可以将命令的输出添加npm config get prefix
到您的.bashrc文件中。

复制了！
# 👇️ make sure to update the path with the output
# from the command
export PATH="/usr/local/share/npm/bin:$PATH"

如果这没有帮助，请尝试在您的计算机上重新安装 Node.js，然后通过运行 全局安装 webpack-dev-server npm install -g webpack-dev-server。

复制了！
# 👇️ install webpack-dev-server globally
npm install -g webpack-dev-server

复制了！
# 👇️ if you got permissions error
sudo npm install -g webpack-dev-server

或者，您可以在官方 npm 文档中的此页面上查看如何修复权限错误
。

额外资源

您可以通过查看以下教程来了解有关相关主题的更多信息：

• Webpack：“process.env.NODE_ENV”的值冲突
• 找不到模块“webpack”错误[已解决]
• 如何向 .env 文件添加注释 – 完整指南