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

竟然徹底能運行成功react

 2.2尋找問題的根源所在?

根據官方文檔所示)https://www.npmjs.com/package/babel-loaderwebpack

官方默認babel-loader | babel 對應的版本須要一致web

2.3解決問題!

直接安裝最新版本(對應)的babel-loader和babelnpm

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

 

這時候查看jason發現它們的版本匹配,再嘗試一下webpack打包,哇塞?成功解決!babel

相關文章
相關標籤/搜索