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.Config：

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

{ “预设”：[ "@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/preset-env

<块引用>

@babel/preset-react

模块构建失败（来自 ./node_modules/babel-loader/lib/index.js）：错误：找不到模块“babel-core”

1 个答案: