2017-02-16 65 views
0

我正在用cli制作一个angular2教程。调用函数'InMemoryWebApiModule',函数调用不支持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}; 
    } 
} 

enter image description here

+0

你能否在代码中包含你调用'InMomoryWebApiModule'的代码 – Danoram

+0

如何编辑我的问题? –

+0

在标签'angular2'下面的问题底部,应该有几个选项,比如'share'' edit'和'delete'。如果你点击编辑,它会带你进入编辑屏幕,你可以进行任何你需要的改变。 – Danoram

回答

相关问题