Не удалось отобразить карты на странице

Question

Я слежу за документацией Angular Google Maps, получая следующее ОШИБКА TypeError: Object (...) не является функцией.

Вот MapModule

import { NgModule } from '@angular/core';
import {MapComponent} from './map.component';
import { AgmCoreModule } from '@agm/core';

@NgModule({
  declarations: [
    MapComponent
  ],
  exports: [
      MapComponent
  ],
  imports: [
    AgmCoreModule.forRoot({
        apiKey: '*******************'
      })
  ],
  providers: [],
})
export class MapModule { }

MapHtml

<agm-map [latitude]="lat" [longitude]="lng">
  <agm-marker [latitude]="lat" [longitude]="lng"></agm-marker>
</agm-map>

MapSCSS

agm-map {
    height: 300px;
  }

MapComponent

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'bwm-map',
  templateUrl: './map.component.html',
  styleUrls: ['./map.component.scss']
})
export class MapComponent implements OnInit {

  lat: number = 51.678418;
  lng: number = 7.809007;
  constructor() { }

  ngOnInit() {
  }

}

Я использую версию Angular 6 ... Версия AGM: @ agm / core @ 1.0.0-beta.5

Answer 1

Вы не предоставили стек ошибок, но я думаю, что он похож на этот:

TypeError: Object (...) не является функцией в новом FitBoundsService (webpack-internal: ///../../../../@agm/core/services/fit-bounds.js:38) в createClass (webpack-internal: ///../../../core/esm5 / core.js: 12697) в _createProviderInstance (webpack-internal: ///../../../core/esm5/core.js: 12674) в createProviderInstance (webpack-internal: ///../../../core/esm5/core.js:12515) в createViewNodes (webpack-internal: ///../../../core/esm5/core.js: 13987) в callViewAction (webpack-internal: ///../../../core/esm5/core.js: 14434) в execComponentViewsAction (webpack-internal: ///../../../core/esm5/core.js: 14343) в createViewNodes (webpack-internal: ///../../../core/esm5/core.js: 14028) в createRootView (webpack-internal: ///../../ ../core/esm5/core.js:13889) в callWithDebugContext (webpack-internal: ///../../../core/esm5/core.js: 15314)

Большинствоскорее всего, вы создаете приложение Angular: 5, котороеh устанавливает RxJS 5.x пакет.Но начиная с @agm/core@1.0.0-beta.4 библиотека зависит от RxJS 6.x, поэтому и возникает эта ошибка.

Таким образом, одним из решений было бы обновить RxJS с 5.x до 6.x :

npm uninstall rxjs
npm install rxjs@6 rxjs-compat@6 --save

Другой вариант - понизить @agm/core до версии: 1.0.0-бета.3, который совместим с RxJS v5.x

О подобной проблеме сообщалось здесь .