解决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

二.解决方法

　2.1尝试性解决（回退版本）

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

cnpm i babel-loader@7.1.5

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

npm run bulid

居然完全能运行成功

　2.2寻找问题的根源所在？

根据官方文档所示）https://www.npmjs.com/package/babel-loader

官方默认babel-loader | babel 对应的版本需要一致

2.3解决问题！

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

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

 

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