babel导致webpack打包错误

问题描述

利用npm run bulid进行打包时，抛出Error: Cannot find module ‘@babel/core’&&Cannot find module ‘@babel/plugin-transform-react-jsx’
问题发生的首先想到的是webpack.config.js配置环境有误，但反复核对后发现无误
观察之中发现视频中的版本的babel-loader之前的版本是@7.1.5,而现在是@8.0.6

解决方法

尝试性解决？

首先进行尝试性的方法，试试安装@7.1.5版本的babel-loader（回退版本）后会有什么效果

cnpm i babel-loader@7.1.5

安装完成后，再在终端输入

npm run bulid

居然完全能运行成功

寻找问题的根源所在？

根据官方文档所示：官方默认babel-loader | babel 对应的版本需要一致

解决问题！

直接安装最新版本（对应）的babel-loader和babel

npm install -D babel-loader @babel/core @babel/preset-env webpack

这时候查看jason发现版本匹配，再尝试一下webpack打包，哇塞？成功解决