导入“ marker-animate-unobtrusive”时，Vue导入失败

Question

我正在开发一个小型vue项目，并且正在使用marker-animate-unobtrusive库在地图上移动标记。这里的问题是，当我在自己的页面之一中导入该库时，将不会加载整个应用程序。例如，当我在不导入库的情况下启动我的开发服务器时，它从“ localhost：port /＃/ login”开始，但是在导入时，它从“ localhost：port”开始，并且仅显示一个空白屏幕。

我尝试使用

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

代替

import SlidingMarker from 'marker-animate-unobtrusive'

但它不能解决我的问题。

编辑：

来自浏览器控制台的

SC

Answer 1

显然，此库要求google对象在初始化时在window对象上可用，但尚不存在。可能是在google-maps脚本之前将库导入（包括）到您的项目中。
尝试更改导入顺序。确保在marker-animate-unobtrusive脚本之后加载google-maps。