关于webpack安装babel后编译react报错ERROR in ./app/main.js Module build failed (from ./node_modules/babel-load

最新推荐文章于 2023-07-25 11:00:00 发布

向日葵小班-赖东东

最新推荐文章于 2023-07-25 11:00:00 发布

阅读量1k

点赞数 3

分类专栏：前端框架

本文链接：https://blog.csdn.net/mx_is_bang/article/details/106642360

版权

在使用webpack编译React项目时，由于babel-core模块未找到导致编译失败。通过检查已安装的Babel版本，发现存在版本冲突。解决方法包括升级Babel相关模块至最新版本，并更新webpack配置，最终成功解决报错问题。

摘要由CSDN通过智能技术生成

在学习webpack编译文件时
首先报错的提示为：
ERROR in ./app/main.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Cannot find module ‘@babel/core’
在这里插入图片描述
之前已经安装过babel-core如下
Babel安装

// npm一次性安装多个依赖模块，模块之间用空格隔开
npm install --save-dev babel-core babel-loader babel-preset-env babel-preset-react

在webpack中的配置如下

module.exports = {
    module: {
        rules: [
            {
                test: /(\.jsx|\.js)$/,
                use: {
                    loader: "babel-loader",
                    options: {
                        presets: [
                            "env", "react"
                        ]
                    }
                },
                exclude: /node_modules/
            }
        ]
    }
  }

入口文