Ionic2 / 3 angular google maps TypeError：Object（...）不是新FitBoundsService的函数

Question

我正在尝试从主网站实例化一个angular-google-maps示例：https://angular-maps.com/guides/getting-started/为应用程序进行一些测试。

我使用了他们的示例代码，如下所示：

import { Component } from '@angular/core';
        @Component({
              selector: 'page-location',
              templateUrl: 'location.html',

            })
            export class LocationPage {
              title: string = 'My first AGM project';
              lat: number = 51.678418;
              lng: number = 7.809007;
}



page-location 
{

    agm-map {
  height: 150px;
}

}



<h1>{{ title }}</h1>

<!-- this creates a google map on the page with the given lat/lng from -->
<!-- the component as the initial center of the map: -->
<agm-map style="height: 300px;" [latitude]="lat" [longitude]="lng">
  <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>

并最终抛出以下错误：

core.js：1449 ERROR错误：未捕获（在承诺中）：TypeError：Object（...）不是函数TypeError：Object（...）不是新FitBoundsService的函数（fit-bounds.js：31）在createClass（core.js：12481）at.cateProviderInstance（core.js：12458）at createProviderInstance（core.js：12299）at createViewNodes（core.js：13771）at callViewAction（core.js：14218）at execComponentViewsAction（core。 js：14127）在createRootView（core.js：13673）的createViewNodes（core.js：13812），在callWithDebugContext（core.js：15098），在新的FitBoundsService（fit-bounds.js：31），在createClass（core.js： 12481）atcreateProviderInstance（core.js：12458）位于createViewNodes（core.js：12299）的createViewNodes（core.js：13771），位于callViewAction（core.js：14218），位于execComponentViewsAction（core.js：14127），位于createViewNodes（ core.js：13812）在createRootView（core.js：13673）的callWithDebugContext（core.js：15098）at c（polyfills.js：3）at at Object.reject（polyfills.js：3）at OverlayPortal.NavControllerBase._fireError （nav- controller-base.js：223）atper-Pon.NavControllerBase._failed（nav-controller-base.js：216）at nav-controller-base.js：263 at t.invoke（polyfills.js：3）at Object.onInvoke （core.js：4760）at t.invoke（polyfills.js：3）at r.run（polyfills.js：3）at polyfills.js：3

感谢您的帮助，以寻找此问题的根源。

Answer 1

我添加了以下命令npm install rxjs@6 rxjs-compat@6 --save，它对我来说很好。

Answer 2

这可能是@ agm / core＆angular的包装版本依赖问题。

尝试在你的package.json中为你的项目降低你的“@ agm / core”版本（我使用的是1.0.0-beta.2，而不是安装的1.0.0-beta.5）。

他们引入了一个突破性的变化：feat(*): support angular 6

Answer 3

使用版本时我解决了：1.0.0-beta.3

的package.json：

"@agm/core": "~1.0.0-beta.3"