解決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打包，哇塞？成功解決！