找不到模块：无法解析“babel-loader”

作者

找不到模块：无法解析“babel-loader”

Module not found: Can’t resolve ‘babel-loader’

要解决错误“找不到模块：错误：无法解析’babel-loader’”，请确保babel-loader通过在项目的根目录中打开终端并运行命令npm install -D babel-loader
并重新启动开发服务器来安装软件包。

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

壳
# 👇️ with NPM
npm install --save-dev babel-loader @babel/core @babel/preset-env webpack

# 👇️ ONLY If you use TypeScript
npm install --save-dev @types/babel__preset-env @types/babel__core @types/webpack

# ----------------------------------------------

# 👇️ with YARN
yarn add babel-loader @babel/core @babel/preset-env webpack --dev

# 👇️ ONLY If you use TypeScript
yarn add @types/babel__preset-env @types/babel__core @types/webpack --dev

该命令会将
babel-loader包添加到项目的开发依赖项中。

请参阅官方 npm 页面的
“使用”部分，
babel-loader了解如何将其集成到您的 webpack 配置中。

如有必要，请确保重新启动开发服务器和 IDE。在您停止并重新运行命令之前，您的开发服务器不会接受更改。 npm start

如果错误未解决，请尝试删除您的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

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

npm install
如果错误仍然存​​在，请确保重新启动 IDE 和开发服务器。VSCode 经常出现故障，有时重启可以解决问题。

如果您仍然收到“找不到模块：错误：无法解析’babel-loader’”错误，请打开您的package.json文件并确保它包含对象中的babel-loader包devDependencies。

包.json
{
  // ... rest
  "devDependencies": {
    "babel-loader": "^8.2.4",
    "@babel/core": "^7.17.8",
    "@babel/preset-env": "^7.16.11",
    "webpack": "^5.71.0",

    // 👇️ Only if you use TypeScript
    "@types/babel__core": "^7.1.19",
    "@types/babel__preset-env": "^7.9.2",
    "@types/webpack": "^5.28.0",
  }
}

该babel-loader模块不应全局安装或位于您的项目中dependencies，它应该位于您文件中的devDependencies对象中
。package.json

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

壳
npm install

或者安装最新版本的包：

壳
# 👇️ with NPM
npm install --save-dev babel-loader@latest @babel/core@latest @babel/preset-env@latest webpack@latest

# 👇️ ONLY If you use TypeScript
npm install --save-dev @types/babel__preset-env@latest @types/babel__core@latest @types/webpack@latest

结论

要解决错误“找不到模块：错误：无法解析’babel-loader’”，请确保babel-loader通过在项目的根目录中打开终端并运行命令npm install -D babel-loader
并重新启动开发服务器来安装软件包。

–

发表评论