2016-06-15 22 views
0

私はangular2-in-memory-web-apiを使用したいが、私はこれらのエラーを取得:angular2・イン・メモリー・ウェブAPIフォルダでエラー404 angular2・イン・メモリー・ウェブAPI

GET http://localhost:3000/node_modules/angular2-in-memory-web-api/index.js.map 404 (Not Found) 
GET http://localhost:3000/node_modules/angular2-in-memory-web-api/in-memory-backend.service.js.map 404 (Not Found) 
GET http://localhost:3000/node_modules/angular2-in-memory-web-api/http-status-codes.js.map 404 (Not Found) 

私はこれらのファイルを持っています拡張子.jsと.d.tsは含まれていません.js.map

私はこのAngular2 Tutorial (Tour of Heroes): Cannot find module 'angular2-in-memory-web-api'を読んですべてのソリューションをテストしますが、それでも私にとっては機能しません。

ここに私のコード:

boot.ts:systemjs.config.jsで

// Imports for loading & configuring the in-memory web api 
import { provide } from '@angular/core'; 
import { XHRBackend } from '@angular/http'; 
import 'rxjs/Rx'; 
import 'rxjs/add/operator/map'; 

import { InMemoryBackendService, SEED_DATA } from '../node_modules/angular2-in-memory-web-api'; 
import { FavoriDataBase}    from './favori/favori-database'; 

import { bootstrap }  from '@angular/platform-browser-dynamic'; 
import { HTTP_PROVIDERS } from '@angular/http'; 
import { AppComponent } from './app.component'; 

bootstrap(AppComponent, [ 
HTTP_PROVIDERS, 
provide(XHRBackend, { useClass: InMemoryBackendService }), 
provide(SEED_DATA, { useClass: FavoriDataBase })]); 

私はこのライン'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' } を持っており、package.json "angular2-in-memory-web-api": "0.0.10" に私はまた私のコンソールでangular2-in-memory-web-apiを更新しました。

私は'angular2-in-memory-web-api'を使用することに決めた前にすべてがうまくいきました。データを捕捉するために実際のhttp URLを使用していましたが、作成したデータベース(最初は空)のデータを捕捉するのに "folder url"を使う必要があります。

私のデータベースクラス:すべての助けを事前による

export class FavoriDataBase { 
createDb() { 
let database= []; 
return {database}; 
} 
} 

ありがとう!

+0

これを試しましたか? 'angular2-in-memory-web-api'からの '{InMemoryBackendService、SEED_DATA}のインポート; – yurzui

+0

はい、同じ問題... – slidefizz

答えて

0

これはバグです。ここに問題があります。

0

https://github.com/angular/in-memory-web-api/issues/7私は明示的にプロバイダを指定する必要がありました:

providers: [ 
    HTTP_PROVIDERS, 
    appRoutingProviders, 
    { provide: XHRBackend, useClass: InMemoryBackendService }, 
    { provide: SEED_DATA, useClass: MyData } 
    ], 

のMyDataはあなたの偽のデータを含むクラスです。

quickstart文書内のメモリ内APIの説明にはこれは言及されていませんが、それは私のために働いていました。

関連する問題