babel导致webpack打包错误

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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！