模块构建失败(从./node_modules/babel-loader/lib/index.js)：错误:找不到模块'babel-core‘

Question

我一直在编写一个连接到React的数据库，但过了一段时间，我安装了一个是babel-core和其他库的库，但在编译时，我总是得到以下错误：

ERROR in ./src/app/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module 'babel-core'


    {
      "name": "Mern-Stack-Example",
      "version": "1.0.0",
      "description": "",
      "main": "index.js",
      "scripts": {
        "start": "nodemon node src/app.js",
        "webpack": "webpack --mode development"
      },
      "keywords": [],
      "author": "",
      "license": "ISC",
      "devDependencies": {
//These
        "@babel/cli": "^7.12.10",
        "@babel/core": "^7.12.10",
        "@babel/node": "^7.12.10",
        "@babel/preset-env": "^7.12.11",
        "@babel/preset-react": "^7.12.10",
        "babel-loader": "^7.1.5",
        "nodemon": "^2.0.7",
        "webpack": "^5.17.0",
        "webpack-cli": "^4.4.0"
      },
      "dependencies": {
        "cors": "^2.8.5",
        "express": "^4.17.1",
        "mongoose": "^5.11.13",
        "morgan": "^1.10.0",
        "react": "^17.0.1",
        "react-dom": "^17.0.1"
      }
    }

但是我已经更改了，错误一直出现，我不知道如何解决它，如果有人知道，请帮助我

Webpack.Confg：

module.exports = {
    entry: './src/app/index.js',
    output: {
      path: __dirname + '/src/public/js',
      filename: 'bundle.js'
    },
    module: {
      rules: [
        {
          use: 'babel-loader',
          test: /\.js$/,
          exclude: /node_modules/
        }
      ]
    }
  };

和.Babel

{ "presets"："@babel/preset-env"，"@babel/preset-react“}

Answer 1

卸下您的node_modules并执行以下步骤：

 npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/node

然后，检查这些文件是否存在：

node_modules/.bin/babel-node

node_modules/.bin/babel-node.cmd -仅windows

node_modules/@babel/node/bin/babel-node.js

通常，这些问题可能是由于版本冲突而出现的。尝试安装nvm并使用较低的节点版本。此外，您应该使用早期版本的babel包

@babel/预置环境@babel/预置反应