我们有 NextJS + TypeScript 设置,并正在寻找集成Maplibre,它基本上是 Mapbox BSD 的一个分支。还有一个很好的 Mapbox 包装器 - React Map GL,但它不是为与 Maplibre 一起使用而设计的。解决方法是在Webpack config中创建一个别名,如下所示:
// webpack.config.js
module.export = {
// ...
resolve: {
alias: {
'mapbox-gl': 'maplibre-gl'
}
}
}
我在 tsconfig.json 中也有这个:
"paths": {
// ...other aliases
"mapbox-gl": ["maplibre-gl"]
},
问题是在 NextJS + TypeScript 设置中,由于某种原因,这没有效果。NextJS 中的某些内容会忽略下模块的别名,node_modules
或者 TypeScript 优先于 webpack 配置的某些部分——目前尚不清楚。
有任何想法吗?