webpack解析jsx语法,报 缺少loader

报错信息
在这里插入图片描述
webpack.config.js

在这里插入图片描述
.babelrc
在这里插入图片描述
package.json
在这里插入图片描述

为何还是报错 缺少loader,

已解决:将上面的mudule改成下面的,就可以了。

在这里插入图片描述
疑问?:. babelrc文件不是已经配置了预设,为何不行,而在options却可以(删除掉.babelrc的前提)!
解:我看官网上配置Bable时,没有看到用.babelrc文件配置预设。以后用options配置吧

注:后来的报错谁能想到是哪错了!!!经过了我无数次报了这个错误,多次对比后竟然是

在这里插入图片描述
在这里插入图片描述

必须也匹配js才行,不然也报错缺少loader,所以以后要是包此类错误的时候,千万别忘了这一点哦!!

猜你喜欢

转载自blog.csdn.net/qq_42835377/article/details/104463820
今日推荐