Integrating Asp.net Core 2.0 mvc project with Angular 4

Hello

I'm trying to integrate asp.net core 2.0 with angular 4 project, i used this tutorial as a first step:

https://medium.com/@levifuller/building-an-angular-application-with-asp-net-core-in-visual-studio-2017-visualized-f4b163830eaa

i feel like there's something missing by following the tutorial even though the application runs succesfully, but there's some strange errors appears in the console from angular side.

now i wil explain how i create the project:

the project is made with VS2017, .Net Core2.0 i used to create an MVC template.

then i follow the tutorial to add angular 4.

By running ng build there's some scripts that has been generated, i include them in the _layout.cshtml file :

in the index.cshtml file in include angular tag:

it worked fine, BUT when i navigate to another .cshtml page an error apperes in the console:

The selector "app-root" did not match any elements

and if i include another tag for another angular component:

the error apperes again.

i don't know what's gone wrong.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Fares Ayyad8y ago
Hello i relly do the integrqtion part even if i'm confused if it's the right way to that but my concern is the console errors that appeares from angular app. For me there's no problem to redo the whole project but i relly need a good resourece to do the integration
Khaja Moizuddin8y ago
There are articles available in C# Corner Asp.net core MVC with Angular.js you can go through it, try exploring it.