reactjs - 您如何将 Next.js dynamic 与导出多个函数的库一起使用？

Question

我似乎无法弄清楚如何使用 Next.js 的 dynamic() 函数从导出多个函数的库中导入类或函数。

在我的项目中，我正在尝试这样做:

import dynamic from 'next/dynamic';
const { geolocated } = dynamic(() => import('react-geolocated'));

Next.js 官方文档给出了这个例子:

//import Highlight from 'react-highlight'
import dynamic from 'next/dynamic';

const Highlight = dynamic(() => import('react-highlight'));

这是我遇到的错误:

TypeError: geolocated is not a function
    at Module../components/Map.js (/home/tithos/Web Projects/nextjs-ipeefreely/.next/server/0.js:71:23)
    at __webpack_require__ (/home/tithos/.../.next/server/static/development/pages/map.js:29:31)

现在，当我看到它时，我认为这是一个 TypeScript 和/或 PropType 问题。

有什么建议吗？

Answer 1

我发现 here就这样完成了

const { geolocated } = { 
  geolocated: dynamic(() => 
    import('react-geolocated').then((module) => module.geolocated)
    )
  }