在纱线启动时找不到模块“babel-preset-es2015”答案

【问题标题】：Cannot find module 'babel-preset-es2015' on yarn start在纱线启动时找不到模块“babel-preset-es2015”
【发布时间】：2021-03-13 17:14:32
【问题描述】：

我在 ReactJS 应用中运行 yarn start 时遇到了一些错误，有人可以帮忙吗？

ERROR in ./main.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module 'babel-preset-es2015'

以下是配置文件的信息： package.json：

{
  "name": "helloworld",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "start": "webpack serve --mode development --open --hot",
    "build": "webpack --mode production"
  },
  "dependencies": {
    "@babel/core": "^7.13.10",
    "@babel/preset-env": "^7.13.10",
    "@babel/preset-es2015": "^7.0.0-beta.53",
    "@babel/preset-react": "^7.12.13",
    "babel-loader": "^8.2.2",
    "html-webpack-plugin": "^5.3.1",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "webpack": "^5.25.0",
    "webpack-cli": "^4.5.0",
    "webpack-dev-server": "^3.11.2"
  },
  "devDependencies": {
    "@webpack-cli/serve": "^1.3.0"
  }
}

还有.babelrc：

{
    "presets": [
        "@babel/env",
        "@babel/react"
    ]
}

【问题讨论】：

标签： reactjs babeljs

【解决方案1】：

经过一番研究，我得到了答案：编辑 webpack.config.js 文件中的预设，与 .babelrc 文件相同

   module: {
      rules: [
         {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
            options: { // <-- Sometimes you should change it from query to options to avoid error
               presets: ['@babel/env', '@babel/react'] // <-- Edit here
            }
         }
      ]
   },

【讨论】：