英雄 Angular 之旅 : problems with inMemory Web API

Question

我正在学习着名的 Angular 教程，英雄之旅，但我正在努力迈出一步。

关于 sixth course, HTTP ，我们正在使用一种工具来模拟对 API 的 API 调用。

我想我遵循了所有步骤，直到 this point声明如下:

Refresh the browser. The hero data should successfully load from the mock server.

但我可能遗漏了一些东西:http 调用都给出了 http 500 header ，错误是 Object(...) is not a function。

我是否遗漏了有关创建路线的内容？ inMemory wep API 似乎不需要路由，这对我来说似乎很奇怪。

我的测试代码在这里可用:https://github.com/MarcBrillault/tourOfHeroes/tree/StackOverflow

Answer 1

为了让您的代码从您的存储库中提取后运行，我必须执行以下操作。

首先，降级为 angular-in-memory-web-api@0.5.4。这意味着将 package.json 中的版本更改为 ^0.5.4 并运行 npm i。

"angular-in-memory-web-api": "^0.5.4",

我到处听说有人在使用 0.6.0 版的 angular-in-memory-web-api 时遇到问题，所以这是我尝试的第一步。

根据 this , angular-in-memory-web-api 版本 0.6.0 需要 Angular "^6.0.0-rc.0"和 RxJS "^6.0.0-beta.1".

因此，降级应该可以让您继续学习教程。准备就绪后，请随意转到上面的 Angular 和 RxJS 版本。

然后，我需要在 hero.service.ts 中进行这些更改。

添加了这个导入:

import { of } from 'rxjs/observable/of';

改变这个:

getHero(id: number): Observable<Hero> {
    return Observable.of({id: 1, name: 'test'});
}

为此:

getHero(id: number): Observable<Hero> {
    return of({id: 1, name: 'test'});
}

此后一切正常。希望这对您有所帮助。