babel 为什么没能识别我 js 文件中的 jsx 语法?

Question

loaders: [{
    test: /\.jsx?$/,
    exclude: /(node_modules|bower_components)/,
    loader: 'babel',
    query: {
        presets: ['es2015']
    }

}


ERROR in ./src/js/index.js
Module build failed: SyntaxError: index.js: Unexpected token (13:8)
  11 | function main() {
  12 |     React.render(
  13 |         <WhiteListBox class="WhiteListBox" />,
     |         ^
  14 |         document.getElementById('WhiteList')
  15 |     );
  16 |
   

Answer 1

升级到 babel6 了?

安装 babel-preset-react

npm install babel-preset-react --save-dev

配置

query: {
        presets: ['es2015', 'react']
    }

Answer 2

缺少 .babelrc 文件导致。

Answer 3

我也遇到的相同的问题，不知道怎么回事

Answer 4

在webpack.config.js文件中module里加上
query: {

    presets: ['es2015', 'react']
}配置就好了，我刚刚遇到，就是这么解决的