tour-of-heroes | Angular 2 Starter Project in Typescript with Linting

I´m new at docker and I´m trying to dockerize the angular sample project "Tour of heroes" which you can find here:

https://angular.io/generated/zips/toh-pt6/toh-pt6.zip

I have created the Dockerfile from what I have researched and it looks like this:

DOCKERFILE

Just started learning angular development. Following official angular doc from angular.io. Everything was working fine step by step till I reach https://angular.io/tutorial/toh-pt6

Added HttpClientInMemoryWebApiModule for mocking remote server, now it's not working.

here is browser console logs:

It's now able to find out 'api/heroes' endpoint. this may be configuration issue with 'HttpClientInMemoryWebApiModule'.

Here is my source code: https://github.com/csankhala/angular-tour-of-heroes

Please let me know what I missed?

I am going through the tutorial and doing everything as it says until I get to this section of the tutorial where it throws me this error. I have the hero class defined so I am confused as to why it is throwing me this error. I have restarted the program all together and even re-created the mock-heroes type script. I am using Visual studio code so here is my code for the two files:

Hero class defined in hero.ts:

I'm developing a Github repo which follows the offical tutorial of Angular (Tour of Heroes). You can see all the code here.

My problem, is that I have a directive declared in the main module of the app (app.module) and, if I use it inside the AppComponent, it works good (the directive only highlight a text inside a DOM element).

But I have another module called HeroesModule within AppModule, and inside a component of this module, this directive doesn't work.

The main code, here:

app/app.module.ts

In the Tour of Heroes Part 0, it says

Run the CLI command ng new and provide the name angular-tour-of-heroes, as shown here:

...

Error

Could not find the implementation for builder @angular-devkit/build-angular:dev-server

On a Mac, I’m trying to follow the steps in the Angular.io tutorial (https://angular.io/tutorial/toh-pt0)

I had built Angular sample Tour of Heroes app as on https://github.com/garg10may/TourOfHeroes

now when I try to clone it and do ng serve it gives me an error

The serve command requires to be run in an Angular project, but a project definition could not be found.

From what I understand I didn't commit angular.json file hence it not recognizing the same. How can I generate the same?

Edit:

If I use angular.json file from another new project gives the error.

I'm stuck on the third step of the Angular tour of heroes tutorial, last time I checked, in Angular 2 and 4, this solution worked. What has changed since then?

Here's the screenshot of the error I'm getting in the browser console.

And here's a link to my repo on Github.

In HeroDetailComponent, I've got this.