错误404 angular2-in-memory-web-api

时间:2016-06-15 12:25:10

标签: typescript angular in-memory-database

我想使用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) ,但我收到了这些错误:

// 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文件夹中,我有这些扩展名为.js和.d.ts但不包含.js.map

的文件

我读了这个Angular2 Tutorial (Tour of Heroes): Cannot find module 'angular2-in-memory-web-api'并测试了每个解决方案,但它仍然不适用于我。

这是我的代码:

boot.ts:

'angular2-in-memory-web-api': { main: 'index.js', defaultExtension: 'js' }

在systemjs.config.js中我有这一行"angular2-in-memory-web-api": "0.0.10" 并在package.json angular2-in-memory-web-api 我还在我的控制台中更新了'angular2-in-memory-web-api'

在我决定使用export class FavoriDataBase { createDb() { let database= []; return {database}; } } 之前,所有工作都找不到,我使用真正的http url来捕获数据,现在我需要使用“in folder url”来捕获已创建数据库的数据(最初为空)。 / p>

我的数据库类:

<div class="flip">
  <div class="card">
    <div class="face front"> Hello </div>
    <div class="face back">
      You turned me
    </div>
  </div>
</div>

感谢提前帮助!

2 个答案:

答案 0 :(得分:0)

这是一个错误。这就是问题所在。 https://github.com/angular/in-memory-web-api/issues/7

答案 1 :(得分:0)

我必须明确指定提供者:

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

其中 MyData 是包含假数据的类。

quickstart文档中对in-memory-api的描述没有提到这一点,但它对我有用。