来自babel的奇怪的意外令牌错误消息

Question

今天突然间，下面的代码开始产生指向“return”关键字的意外令牌错误。

const func = props => {
    return props.x && props.y ?
        <view1 {...props} /> :
        <view2 {...props} /> 
};

当我删除“return”关键字时，解析器指向最后一个分号，并显示未终止的JSX内容的错误消息。

我的webpack配置如下所示：

var webpack = require( 'webpack' );

module.exports = {
    entry: [
        'webpack-dev-server/client?http://localhost:8080',
        'webpack/hot/only-dev-server',
        './src/index.jsx'
    ],


module: {
        loaders:[{
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'react-hot!babel'
        }]
    },
    resolve: {
        extensions: ['', '.js', '.jsx']
    },
    output: {
        path: __dirname,
        publicPath: '/',
        filename: 'bundle.js'
    },
    devServer: {
        contentBase: './webpack_html',
        hot: true
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin()
    ]
};

可能导致此错误的原因是什么？