React.lazy目前只支持默认导出。文档中的建议解决方案是：
如果要导入的模块使用命名导出，则可以创建一个中间模块，将其重新导出为默认值。这可以确保树摇动继续工作，并且不会拉入未使用的组件。
举个例子

// ManyComponents.js
export const MyComponent = /* ... */;
export const MyUnusedComponent = /* ... */;

// MyComponent.js
export { MyComponent as default } from "./ManyComponents.js";

// MyApp.js
import React, { lazy } from 'react';
const MyComponent = lazy(() => import("./MyComponent.js"));

另一种解决方案是添加一些如下所示的样板文件。这样，就不需要中间组件：

const MyComponent = React.lazy(() =>
  import('./MyComponent').then((module) => ({ default: module.MyComponent }))
)

或者，你可以像这样使用react-lazily：

const { MyComponent } = lazily(() => import('./MyComponent'))