angular2-google-maps with angular2 app

Question

我已经使用angular2应用程序设置了angular2-google-map。

这是app.module.ts

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent }  from './app.component';
import { AgmCoreModule} from 'angular2-google-maps/core';
@NgModule({
  imports:      [ BrowserModule, AgmCoreModule.forRoot({apiKey: 'AIzaSyAe3ci9yavJcWt7MaJE8DusAuZo-QeRqkU'}) ],
  declarations: [ AppComponent ],
  bootstrap:    [ AppComponent ],
})
export class AppModule { }

我使用命令

安装了angular2-google-maps

npm install angular2-google-maps --save

已成功安装。当我用npm start运行应用程序时， 它显示错误，

  

http://localhost:3000/angular2-google-maps/core无法加载   资源：服务器响应状态为404（未找到）

但我可以在node_modules中看到 angular2-google-maps 文件夹。 问题是什么？

Answer 1

您忘了在map

中添加system.config.js

'angular2-google-maps/core': 'npm:angular2-google-maps/core/core.umd.js'

将以上内容添加到systemjs配置中。当您尝试导入core.umd.js时，模块加载器将理解加载angular2-google-maps/core。