使用代码拆分和等待创建反应应用程序答案

【问题标题】：Create-react-app with codesplitting and await使用代码拆分和等待创建反应应用程序
【发布时间】：2017-06-06 14:27:02
【问题描述】：

在react官方网站上的this文章中，我可以清楚地看到允许使用await动态导入模块，但是当我尝试在我的代码中这样做时（就像在示例中一样）错误是我得到的：

Syntax error: await is a reserved word (11:31)

我错过了什么？

编辑

代码只是为了方便：

class App extends Component {
    state = {
        lazyComponent: null
    }
    componentDidMount() {
        const { default: Message } = await import('./Message.js');
        this.setState({
            lazyComponent: <Message />
        })
    }
    render() {
        return (
            <div className="App">
                <p>Let's start!</p>
                {this.state.lazyComponent || <p>Loading...</p> }
            </div>
        );
    }
}

export default App;

【问题讨论】：

你能发布你的代码吗？
Goerge - 它实际上是链接中显示的内容的副本。
“实际上”，这就是重点
等待需要异步

标签： javascript reactjs create-react-app

【解决方案1】：

您错过了componentDidMount() 之前的async 字，它显示在您提供的链接中

【讨论】：

天哪。尴尬得要命。
@Ancinek 这就是为什么最好发布带有问题的代码，这样我们就可以看到它是否是一个简单的错误，每个人都会在某些时候发生这种情况，所以我不会有太多感觉不好:)
其实我也遇到了同样的问题，别不好意思，这个问题让我省了几分钟甚至更长的时间......