webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js)

webpack打包的时候报错，报错信息如下：

报错原因：使用了高版本的babel-loader，导致babel-loader和babel-core版本冲突，我降低之前babel-loader为8版本

解决办法：降低babel-loader版本，执行如下命令

npm install -D babel-loader@8 babel-core babel-preset-env

package.json文件内容如下：

{
  "name": "demo1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack --mode production",
    "build:dev": "webpack --mode development"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "file-loader": "^6.2.0",
    "url-loader": "^4.1.1",
    "webpack-cli": "^3.3.12"
  },
  "devDependencies": {
    "@babel/core": "^7.21.8",
    "@babel/plugin-transform-react-jsx": "^7.21.5",
    "@babel/preset-env": "^7.21.5",
    "babel-loader": "^8.3.0",
    "webpack": "^4.46.0"
  }
}

注意：使用sass-loader也容易出现版本问题，以下供参考：