Cannot Find Module './in-memory-data-service' In Tour Of Heroes For Angular2
Answer :
ng generate service InMemoryData --module=app
Will create the src/app/in-memory-data.service.ts
file. Then add the code listed in the tutorial and it will work. AFAIK they don't even imply that in the tutorial so don't feel bad. In fact what they say is
The forRoot() configuration method takes an InMemoryDataService class that primes the in-memory database.
The Tour of Heroes sample creates such a class src/app/in-memory-data.service.ts
Which is gibberish and wrong.
My projects created using current CLI Tools, and I installed this:
npm install angular-in-memory-web-api --save
It works for me.
Just make sure all your bases are covered
In your package.json, should match the one on this page.
"angular-in-memory-web-api": "~0.1.1",
Also, your systemjs.config file looks good too!
In your app.module.ts, make sure that your in-memory-data-service
import matches your file because in their example they have in-memory-data.service
// Imports for loading & configuring the in-memory web api import { InMemoryWebApiModule } from 'angular-in-memory-web-api'; import { InMemoryDataService } from './in-memory-data-service'; // <-- Make sure this matches the file name
So your file should be named in-memory-data-service.ts. It looks like to me that there is a naming typo or some sort of file structure issue.
It looks like you solved the package.json issue, and the error that you are getting is saying that it can't find that module, now that could be because you have a typo in the name of the file or the path to the file is wrong in the import line.
Comments
Post a Comment