如何解决babel-loader触发的Module build failed模块找不到错误？

启动项目时触发如下构建错误：

Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'C:\Users\user\Documents\signatura-web\node_modules@babel\preset-es2015' imported from C:\Users\user\Documents\signatura-web\babel-virtual-resolve-base.js

当前环境已安装@babel 7.x和babel-loader 8.x，配置中仍引用了已废弃的@babel/preset-es2015。

解决方案 #

1. 卸载废弃的预设包 #

执行命令移除@babel/preset-es2015：

npm uninstall @babel/preset-es2015

若使用yarn：

yarn remove @babel/preset-es2015

2. 更新Babel配置 #

编辑.babelrc文件，删除"@babel/preset-es2015"条目，修改后的配置如下：

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react",
    "@babel/preset-typescript"
  ],
  "plugins": [
    ["@babel/plugin-proposal-class-properties"]
  ]
}

说明 #

Babel 7已废弃@babel/preset-es2015这类按年份命名的预设，统一使用@babel/preset-env作为替代。@babel/preset-env可根据目标环境自动适配所需的语法转换和polyfill，功能完全覆盖旧的年份预设，且更灵活高效。

内容的提问来源于stack exchange，提问作者AntonHPL