Uncaught (in promise) TypeError: Cannot set properties of undefined (setting 'accessToken') about svelte-mapbox

[zachsa999]

It seems like the object that should have the accessToken property is undefined at the time the init2 function is called. The error is likely due to the Mapbox GL instance not being initialized before the init2 function attempts to set the accessToken.

Has anyone using this software run into this issue?

[zachsa999]

Linking issue #84 (comment) in here
Seems related

[brendanmatkin]

@zachsa999 do you have the same error if you use dynamic public env? (https://kit.svelte.dev/docs/modules#$env-dynamic-public)

e.g.

<script>
import { env } from "$env/dynamic/public";
// etc ... 
</script>

<Map accessToken={env.PUBLIC_MAPBOX_KEY} />
<!-- etc... --> 

EDIT: Oh sorry misread that - I thought your environment variable was undefined!

[brendanmatkin]

I remember using mapbox with nuxt that it does not play well with SSR (webgl in general I think) - I wonder if yours is trying to render on the server first for some reason? I wonder if you try disabling SSR? (export const ssr = false;)

Alternatively it looks like there was a similar issue in the way back about installing as a dependency when you should install as a dev dependency (changes the way vite bundles it I think): #10

[brendanmatkin]

@zachsa999 what was the solution?