調用函數'InMemoryWebApiModule'，函數調用不支持angular2

Question

我正在用cli製作一個angular2教程。

當我做HTTP服務（教程步驟7）時，我發現了一個問題。

嘗試NG後服務：

Calling function 'InMomoryWebApiModule', function calls are not supported. 
webpack: Failed to compile. 

main.ts：

import { platformBrowserDynamic }   from '@angular/platform-browser-dynamic'; 
import { enableProdMode }     from '@angular/core'; 
import { environment }      from './environments/environment'; 
import { AppModule }      from './app/app.module'; 
import{InMemoryBackendService, SEED_DATA } from 'angular2-in-memory-web-api' 

if (environment.production) { 
    enableProdMode(); 
} 

platformBrowserDynamic().bootstrapModule(AppModule); 

app.module.ts：

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 

import { AppRoutingModule }  from './app-routing.module'; 

// Imports for loading & configuring the in-memory web api 
import { InMemoryWebApiModule } from 'angular2-in-memory-web-api'; 
import { InMemoryDataService } from './in-memory-data.service'; 

import { AppComponent }  from './app.component'; 
import { DashboardComponent } from './dashboard.component'; 
import { HeroDetailComponent } from './hero-detail.component'; 
import { HeroesComponent }  from './heroes.component'; 
import { HeroService }   from './hero.service'; 
import { HeroSearchComponent } from './hero-search.component'; 

@NgModule({ 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    InMemoryWebApiModule.forRoot(InMemoryDataService), 
    AppRoutingModule 
    ], 
    declarations: [ 
    AppComponent, 
    DashboardComponent, 
    HeroDetailComponent, 
    HeroesComponent, 
    HeroSearchComponent 
    ], 
    providers: [HeroService], 
    bootstrap: [AppComponent] 
}) 

export class AppModule { } 

內存，data.service.ts：

import { InMemoryDbService } from 'angular2-in-memory-web-api'; 
export class InMemoryDataService implements InMemoryDbService { 
    createDb() { 
    let heroes = [ 
     {id: 11, name: 'Mr. Nice'}, 
     {id: 12, name: 'Narco'}, 
     {id: 13, name: 'Bombasto'}, 
     {id: 14, name: 'Celeritas'}, 
     {id: 15, name: 'Magneta'}, 
     {id: 16, name: 'RubberMan'}, 
     {id: 17, name: 'Dynama'}, 
     {id: 18, name: 'Dr IQ'}, 
     {id: 19, name: 'Magma'}, 
     {id: 20, name: 'Tornado'} 
    ]; 
    return {heroes}; 
    } 
} 

Answer 1

您似乎在使用舊版本的https://github.com/angular/in-memory-web-api。

安裝npm install --save angular-in-memory-web-api改爲（不帶2），該版本應該沒問題。舊版本不是靜態可分析的，這導致了AoT的問題。