javascript - Create-react-app with codesplitting 并等待

Question

在this在官方 react 网站上的文章中，我可以清楚地看到使用 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;

Answer 1

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