react: react__WEBPACK_IMPORTED_MODULE_6___default.a.lazy不是TypeError@16.5.2的函数

Question

我正在尝试通过react@16.5.2在我的create-react-app中使用lazy loading，我这样做了：

import React, { Component } from 'react';
import { BrowserRouter } from 'react-router-dom';

const Header = React.lazy(() => import('./_header'));     

class SomeFile extends Component {

  render() {
    return (
      <BrowserRouter>
          <React.Fragment>
            <Header  />
          </React.Fragment>
      </BrowserRouter>
    );
  }
}

export default SomeFile;

你知道为什么会发生这个错误吗？是不是因为我的react版本？基于this，一切似乎都很好！

编辑

这是什么意思？基于reactjs.org：

注意：

React.lazy和Suspense还不能用于服务器端渲染。如果您想在服务器渲染的应用程序中进行代码拆分，我们建议使用可加载组件。它对服务器端渲染的捆绑包拆分有一个很好的指南。

Answer 1

React.lazy仅在v16.6.0 https://reactjs.org/blog/2018/10/23/react-v-16-6.html中可用

Answer 2

在命令行界面中，尝试使用以下命令更新React：

npm i react@latest

重新启动Development Server，如果您仍然遇到问题，请尝试以上步骤：

在Readme.md文件中搜索REACT_EDITOR，并在前面插入=atom，如下所示：

REACT_EDITOR=atom

然后，保存，重新启动开发服务器。它现在应该可以工作了