Error when deploying to Vercel

[marcdsdavid]

Not sure if anyone can help me with this as it is a bit specific.

I get the error above when deploying to Vercel but works fine locally.

The cause of this is the import of the map:

import 'jsvectormap/dist/maps/world'

I am using typescript and sveltekit with vite so I had to create a rough interface to be able to import jsvectormap which looks like this.

declare module 'jsvectormap' {
  export interface JsVectorMapConfig {
    selector: string;
    map: string;
    zoomMax: number;
    draggable?: boolean;
    markers?: MarkerConfig[];
    onRegionTooltipShow?: (
      event: Event,
      tooltip: { css: (arg0: Partial<CSSStyleDeclaration>) => void }
    ) => void;
    onLoaded?: (map: jsVectorMap) => void;
  }

  export interface MarkerConfig {
    name?: string;
    coords: number[];
    label?: string;
    style?:
      | Partial<CSSStyleDeclaration>
      | {
          image?: string;
        };
  }

  export default class jsVectorMap {
    constructor(JsVectorMapConfig: JsVectorMapConfig);

    addMarkers: (MarkerConfig: MarkerConfig | MarkerConfig[]) => void;
    removeMarkers: (indexes?: number[]) => void;
    getSelectedMarkers: () => number[];
    updateSize: () => void;
  }
}

and this is my import on my main +page.svelte

  import jsVectorMap from 'jsvectormap';
  import 'jsvectormap/dist/maps/world'

Maybe someone knows how to fix this, probably a vite config I am missing