im using v-mapbox for Vue and @deckgl to render the layers on the map.
Internally v-mapbox has optionalDependencies for @deckgl
/[email protected](@loaders.gl/[email protected])(@luma.gl/[email protected])([email protected])([email protected]):
resolution: {integrity: sha512-mPRJ6kQ8nCucpwISsYvI3v6fmBymf9HWOxeKITdDvV47MdbOX86Ulw5ow6QiIpjnDZQ6ZWxkV3QFLnwEho8p0w==}
engines: {node: '>=18', npm: '>=9'}
peerDependencies:
maplibre-gl: ^4.0.0
vue: ^3.4.15
dependencies:
maplibre-gl: 4.3.2
vue: 3.4.19([email protected])
optionalDependencies:
'@deck.gl/core': 8.9.36
'@deck.gl/layers': 8.9.36(@deck.gl/[email protected])(@loaders.gl/[email protected])(@luma.gl/[email protected])
'@deck.gl/mapbox': 8.9.36(@deck.gl/[email protected])
For some reason, when i run the project, those dependencies cause importing errors inside the project and instead of using the installed @deckgl version, it uses the lower version 8.9.36
✘ [ERROR] No matching export in
"node_modules/.pnpm/@[email protected]/node_modules/@luma.gl/core/dist/index.js" for import "Model"
node_modules/.pnpm/@[email protected][email protected][email protected][email protected][email protected][email protected][email protected]/node_modules/@deck.gl/layers/dist/esm/text-layer/text-background-layer/text-background-layer.js:3:9:
3 │ import { Model, Geometry } from '@luma.gl/core';
My package.json with the correct version
"dependencies": {
"@deck.gl/aggregation-layers": "^9.0.17",
"@deck.gl/core": "^9.0.17",
"@deck.gl/extensions": "^9.0.17",
"@deck.gl/layers": "^9.0.17",
"@deck.gl/mapbox": "^9.0.17",