javascript - 使用 Next.js 动态导入节点模块

Question

使用 react-leaflet 节点模块时出现窗口未定义错误，因为它依赖于窗口，当然 SSR 不支持窗口。我找到了下一个/动态，但是，我找到的所有示例都显示了如何导入组件而不是节点模块。是否可以包含节点模块，如果可以，如何？作为一个例子，这是我正在导入的，它给出了窗口未定义的错误 import { Map, TileLayer, Marker } from 'react-leaflet';

Answer 1

问题是 next.js 动态 import fails on named exports

看着source code of react-leaflet我可以看到可以从特定文件访问每个命名导出，例如import Map from 'react-leaflet/lib/Map'
与 dynamic import without SSR 结合使用

const Map = dynamic(() => import('react-leaflet/lib/Map'), {
  ssr: false
});

这应该对你有用。