agm-map 不是已知元素 angular 4答案

【问题标题】：agm-map is not a known element angular 4agm-map 不是已知元素 angular 4
【发布时间】：2018-01-27 11:20:18
【问题描述】：

我正在尝试在我的 Angular 项目中使用 Angular Google Maps (AGM)，但出现了这个错误agm-map is not a known element。

我的 app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AgmCoreModule } from '@agm/core';

import { AppComponent } from './app.component';
import { NavBarComponent } from './nav-bar/nav-bar.component';

@NgModule({
  declarations: [
    AppComponent,
    NavBarComponent
  ],
  imports: [
    BrowserModule,
    AgmCoreModule.forRoot({
      apiKey: 'AIzaSyDpV2SN0k5BqyVTQjTX8wU - hdCgBgktKY0'
    })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

我的 app.component.ts

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';
  lat = 51.678418;
  lng = 7.809007;
}

我的 app.component.html

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

【问题讨论】：

重启你的编辑器
我做到了，但出现了同样的问题
重新安装agm map
我已经安装好了，尝试杀死npm并再次运行npm start
我也有这个问题，Angular 6.1

标签： angular google-maps-api-3

【解决方案1】：

尝试在您自己的模块中导入 AgmModule。

 import { AgmCoreModule } from '@agm/core';

 @NgModule({
 imports:[
      AgmCoreModule.forRoot({
       apiKey: 'YOUR API KEY'
     }) 
    ]
 })

 export class MyModule { }

【讨论】：

【解决方案2】：

它给出了这个错误，因为它找不到存储 agm 映射的 agm/core，我看到你已经有一个 import 语句，所以你应该重新安装 agm/core 使用

npm install @agm/core --save

如需更好的解释，请访问https://angular-maps.com/guides/getting-started/

【讨论】：