CODEWITHSUNDEEP
javascriptgoogle-mapsvue.js
Avrgebro
Avrgebro

Reputation: 858

Vue import fails when importing 'marker-animate-unobtrusive'

I'm working on a small vue project and I'm using marker-animate-unobtrusive library to move markers over the map. The issue here is that when I import this library in one of my pages, the whole app won't load. for example, when I start my dev server without importing the library it starts at "localhost:port/#/login", but when I import it, it starts at "localhost:port" and only shows an empty screen.

I've tried using

var SlidingMarker = require('marker-animate-unobtrusive');

Instead of

import SlidingMarker from 'marker-animate-unobtrusive'

but it doesn't fix my issue.

edit:

SC from browser console enter image description here

Upvotes: 1

Views: 96

Answers (1)

aBiscuit
aBiscuit

Reputation: 4732

Apparently, this library requires google to be available on window object upon initialization, but it is not there yet. It is possible, that library is imported (included) in your project before google-maps script.
Try changing the order of imports. Make sure that marker-animate-unobtrusive is loaded after google-maps script.

Upvotes: 1

Related Questions