javascript - 为什么可加载组件抛出 requireAsync .then 不是函数错误

Question

我正在尝试对一个大文件进行代码拆分，并在需要时让它异步加载。

当我尝试单击 webapp 的受影响部分时，Chrome 开发工具显示此错误（参见图片）。表明我没有正确设置某些东西，但我正在关注文档并且看不出有什么不同。

我的代码如下：

routes.js - 匹配路由并返回反应容器。AsyncSignupPage.js - 实际上只是导入 Signup 并使其“可加载”/异步。Signup.js - 实际的注册页面容器。

路线.js：

const routes = [
   ...
   {
    component: () => <AsyncSignupPage />,
    path: "/signup/:page",
    exact: true
   }
   ...
]

AsyncSignupPage.js：

import React from "react";
import loadable from '@loadable/component';

const AsyncSignupPage = loadable(() => <div>This was lazily loaded</div>)

export default AsyncSignupPage;

我暂时离开 AsyncSignupPage 只返回一个 div，因为仅此一项就产生了这个问题。

我在这里做错了什么？