javascript - webpack配置的babel-loader解析jsx总是报错
本文介绍了javascript - webpack配置的babel-loader解析jsx总是报错的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
webpack配置:
module:{
loaders:[
{
test: /\.js[x]?$/,
loader: 'babel-loader'
},
]
}
报错问题出现在
react的语法应该是没有问题的 我在<div>的前边加了()也还是报这个箭头的错误,求大神帮忙
解决方案
原因是由于你没有告诉babel你要使用到JSX的语法,先运行npm install babel-preset-react babel-preset-es2015 --save-dev
,然后修改webpack配置文件,如下所示:
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel',
query: {
presets: ['react', 'es2015']
}
}
]
},
这篇关于javascript - webpack配置的babel-loader解析jsx总是报错的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文