lazy loading 为了我的 create-react-app 具有 react@16.5.2 我做到了:

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;

this 一切似乎都很好!

编辑

这是什么意思?基于 reactjs.org :

React.lazy和suspend尚不可用于服务器端渲染。如果要在服务器呈现的应用程序中执行代码拆分,建议使用可加载组件。它提供了一个很好的指南,用于使用服务器端渲染进行捆绑拆分。