尽管使用 babel-preset-react、babel-preset-es2015 和 babel-preset-stage-3，browserify 仍无法解析 jsx

我正在使用 grunt 来自动化整个过程。这是我的配置的样子：

browserify: {
        dist: {
            files: {
                '<%= dirs.dest %>/index.js': [
                    '<%= dirs.src %>/index.js'
                ]
            },
            options: {
                transform: [
                    ['babelify', { presets: ['es2015', 'stage-3', 'react'] }]
                ]
            },
        }
    },

尝试解析导入的反应组件之一时失败，并显示以下错误：

>>             <div>
>>             ^
>> ParseError: Unexpected token
Warning: Error running grunt-browserify. Use --force to continue.

Aborted due to warnings.

我尝试使用在浏览器中使用 babel-standalone 引发错误的相同文件，它工作得很好。

我很难解决这个问题，因为大多数链接都说使用 babel-preset-react 应该可以修复它（并且它适用于我拥有的另一个项目）