反应片段速记无法编译

Question

有问题的项目正在使用React-16.2.0，它具有使用Fragments和Fragment速记的功能。

https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-
support.html

虽然全长语法可以正常工作…

import React, { Fragment, Component } from 'react';

class TestingFragment extends Component {
    render() {
        return (
            <Fragment>
                <span>This is a fragment of text </span>
                <div>Another part of the fragment</div>
            </Fragment>
        )
    }
};

export default TestingFragment

速记无法编译，我不知道为什么这样做。举个例子…

import React, { Component } from 'react';

class TestingFragment extends Component {
    render() {
        return (
            <>
                <span>This is a fragment of text </span>
                <div>Another part of the fragment</div>
            </>
        )
    }
};

export default TestingFragment

无法编译如下…

Failed to compile
./src/testingFragments.js
Syntax error: Unexpected token (6:4)

  4 |   render() {
  5 |       return (
> 6 |           <>
    |            ^
  7 |               <span>This is a fragment of text </span>
  8 |               <div>Another part of the fragment</div>
  9 |           </>
This error occurred during the build time and cannot be dismissed.

我缺少有关Fragment速记语法的信息吗？

Answer 1

我认为这是一个原因：

https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-
support.html#support-for-fragment-
syntax

屏幕截图

create-react-apps当前使用 Babel 6.26.0 全面支持React。需要 Babel v7.0.0-beta.31
及更高版本

======================编辑

现在可与create-react-app v2 https://reactjs.org/blog/2018/10/01/create-react-
app-v2.html一起使用