使用react-leaflet节点模块时,出现窗口未定义的错误,因为它依赖于窗口,并且SSR当然不支持窗口。我发现了next / dynamic,但是,我发现的所有示例都显示了如何导入组件而不是节点模块。是否可以包含节点模块?举个例子,这就是我要导入的内容,它给出了窗口未定义的错误import { Map, TileLayer, Marker } from 'react-leaflet';
问题是next.js动态导入在命名导出上失败
查看react-leaflet的源代码,我可以看到可以从特定文件访问每个命名的导出,例如import Map from 'react-leaflet/lib/Map'
结合使用动态导入而不使用SSR
const Map = dynamic(() => import('react-leaflet/lib/Map'), {
ssr: false
});
这应该对您有用。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句