找不到模块 ‘webpack’ 错误 [已解决]

找不到模块 ‘webpack’ 错误

要解决“找不到模块‘webpack’”错误，请确保
webpack通过运行命令进行全局安装，并通过运行命令npm i -g webpack创建从全局安装的包到的符号链接。node_modulesnpm link 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

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

如果全局安装webpack失败，您可能必须运行前缀为sudo.

壳


# 👇️ If you got a permissions error, run with sudo
sudo npm install -g webpack webpack-cli

npm link webpack

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

如果错误未解决，请尝试在本地安装webpack和安装webpack-cli
。

在项目的根目录（文件所在的位置）中打开终端package.json
并运行以下命令：

壳


npm install --save-dev webpack webpack-cli

这将添加webpack到项目的开发依赖项中，因此您不必运行该link命令。

删除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输出文件的地方。

如果错误仍然存在，请确保重新启动 IDE。VSCode 经常出现故障，有时重启可以解决问题。

确保`webpack`在你的 devDependencies 对象中

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

包.json


{
  // ... rest
  "devDependencies": {
    "webpack": "^5.70.0",
    "webpack-cli": "^4.9.2"
    // ... rest
  }
}

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

壳


npm install

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

壳


npm install --save-dev webpack@latest webpack-cli@latest

找不到模块 ‘webpack-cli’ 错误

要解决“找不到模块‘webpack-cli’”错误，请确保
webpack-cli通过运行命令进行全局安装，并通过运行命令npm i -g webpack-cli创建从全局安装的包到的符号链接。node_modulesnpm link webpack-cli

在项目的根目录（文件所在的位置）中打开终端package.json
并运行以下命令：

壳


# ✅ Install webpack-cli 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 webpack-cli

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

如果 webpack-cli 的全局安装失败，您可能必须运行前缀为sudo.

壳


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

npm link webpack
npm link webpack-cli

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

如果错误未解决，请尝试在本地安装webpack和安装。 webpack-cli

在项目的根目录（文件所在的位置）中打开终端package.json
并运行以下命令：

壳


npm install --save-dev webpack webpack-cli

这将添加webpack-cli到项目的开发依赖项中，因此您不必运行该link命令。

如果错误未解决，请尝试删除您的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输出文件的地方。

如果错误仍然存在，请确保重新启动 IDE。VSCode 经常出现故障，有时重启可以解决问题。

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

包.json


{
  // ... rest
  "devDependencies": {
    "webpack": "^5.70.0",
    "webpack-cli": "^4.9.2"
    // ... rest
  }
}

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

壳


npm install

找不到模块 ‘webpack/bin/config-yargs’ 错误

要解决错误“找不到模块‘webpack/bin/config-yargs’”，请确保您运行的是最新版本的 webpack 并将文件中的webpack-dev-server
命令替换为。webpack servepackage.json

打开你的package.json文件并确保你的 webpack 命令以
webpack serve, 而不是开头webpack-dev-server。

包.json


{
  "scripts": {
    "dev": "webpack serve --config webpack.dev.js --progress",
    // ... rest
  },
  // ... rest
}

webpack 团队将命令从更改为webpack-dev-server开始
webpack serve版本 4 的webpack.

如果错误未解决，请尝试在本地安装webpack和。 webpack-cliwebpack-dev-server

在项目的根目录（文件所在的位置）中打开终端package.json
并运行以下命令：

壳


npm install --save-dev webpack webpack-cli webpack-dev-server

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

如果错误未解决，请尝试删除您的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输出文件的地方。

如果错误仍然存在，请确保重新启动 IDE。VSCode 经常出现故障，有时重启可以解决问题。

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

包.json


{
  // ... rest
  "devDependencies": {
    "webpack": "^5.70.0",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^4.7.4"
    // ... rest
  }
}

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

壳


npm install

或者，您可以通过运行以下命令来安装最新版本的软件包：

壳


npm install --save-dev webpack@latest webpack-cli@latest webpack-dev-server@latest

目录

Cannot find module ‘webpack’ error