CODEWITHSUNDEEP
angularangular-in-memory-web-api
Drisal
Drisal

Reputation: 123

Angular tutorial, InMemoryWebApiModule throwing 500 internal server error with angular-in-memory-web-api 0.6.0

InMemoryWebApiModule is working with downloaded source code where "angular-in-memory-web-api": "~0.5.0" But not with"angular-in-memory-web-api": "^0.6.0" I have followed the tutorial,to install angular-in-memory-web-api :

npm install angular-in-memory-web-api --save

And it installed "angular-in-memory-web-api": "^0.6.0"

Error Message:

webpack-internal:///./src/app/hero.service.ts:87 Object body: error: "Object(...) is not a function" __proto__: Object headers: HttpHeaders lazyInit: ƒ () lazyUpdate: null normalizedNames: Map(0) {} __proto__: Object status: 500statusText: "Internal Server Error" url: "api/heroes" __proto__: Object (anonymous) @ webpack-internal:///./src/app/hero.service.ts:87

Upvotes: 12

Views: 4456

Answers (3)

Joshfw27492
Joshfw27492

Reputation: 1

I was having the same issue and resolved it by uninstalling and installing again. I originally thought it was an authentication issue as I had used firebase to login anonymously with Angular but the tutorials I have used with the in memory-web-api previously were unauthenticated applications.

Upvotes: 0

Totize
Totize

Reputation: 166

It was indeed an issue with the version of angular-in-memory-web-api.

I force installed v0.5.4 as zyzof suggested and it fixed it immediately! Thanks

npm install [email protected] --save

Upvotes: 3

zyzof
zyzof

Reputation: 3685

Looks like the 0.6.0 release of angular-in-memory-web-api has some breaking changes, which are likely out of sync with the versions of angular and rxjs that the tutorial has had you install.

Simplest fix is just to install the 0.5.4 version of angular-in-memory-web-api:

npm install [email protected] --save

Upvotes: 41

Related Questions