以前做vue项目都好好的,最近做react,公共配置感觉加个jsx就可以了吧,然而不是这样的。
一、问题描述
You may need an appropriate loader to handle this file type。
二、问题分析
babelrc我配置了,babel-loader也配置正确,问题出现在include值上面,还原现场。
module: { ???????rules: [{ ???????????test: /\.(js|jsx)$/, ???????????exclude: /node_modules/, ???????????loader: ‘babel-loader‘, ???????????include: [resolve(‘src‘), resolve(‘test‘)] ???????}]}
三、解决方案
去掉最后一行配置即可,像这样写。
module: { ???????rules: [{ ???????????test: /\.(js|jsx)$/, ???????????exclude: /node_modules/, ???????????loader: ‘babel-loader‘ ???????}]}
四、疑惑
但是之前做vue项目的时候,我加include配置就不会报错呢,react项目咋就不行了呢?匪夷所思,后续补充。。。
webpack报错需要合适的loader
原文地址:https://www.cnblogs.com/camille666/p/webpack_loader_config_error.html