The Angular UI keep loading when I generate the proxy

[amsaighi]

Description

The Angular UI keep loading

I followed the the second tutorials " the book list Page " using Angular and EF Core . After finishing the tuto, I launched the both of projects Http.Api.Host and IdentityServer .

The issues

• ABP Framework version : Version 3.1.2 (Stable).
• User Interface : Angular UI

The API worked normally but when I try to see the result on Angular, it still loading without result,

When I checked on network all of status ( stylesheet or Js ) 304

[eng-mohammed-emam]

Hello,

I faced the same issue but after I added the first entity and made a table and then added the application service for this entity, the command that generates proxy worked well in the Angular project.

Hope this works with you.

[amsaighi]

Hello, I added a new entity, service then I generate the new proxy, after that it still loading, when I inspect the network application I get this this : localhost:4200 OpenId still pending

https://localhost:44335/ in Acme.BookStore.IdentityServer applicationConfigurationScript still pending

[amsaighi]

ping @mehmet-erim

[mehmet-erim]

Hi @amSaighi

Please check the browser console, do you see any errors?

[mehmet-erim]

Hi @maliming

Can you check the problem? Apparently the problem is caused by the backend.

[maliming]

hi @amSaighi

Please share some code. eg Application services or controllers.

[amsaighi]

Hi @maliming When I tried to debug and to know the root cause, I think it with backend and exactly with some abp DLL. It take a lot of time to see the result, see the screenshot

[maliming]

Can you share the steps to reproduce this problem?

[amsaighi]

Yep sure, Abp -v : 3.1.2 (Stable)

• Create entity,
• Create App service

Angular -v : 10.0.10

• Generate proxy

Run : http, and identity Server, and Angular ping @maliming

[maliming]

hi

Can you provide detailed steps? Or a project. : )

[amsaighi]

Hi @maliming As I said in the top, u can try the example : https://docs.abp.io/en/abp/latest/Tutorials/Part-2?UI=NG&DB=EF with the same version of Angular and ABP

Thank you :D

[maliming]

I tried from scratch following the steps in the document, Can't reproduce.

[09:26:37 INF] ABP CLI (https://abp.io)
[09:26:37 INF] Version 3.1.2 (Stable)

[amsaighi]

Did you try it with ABP and Angular ? @maliming I did the test again for the 3rd time and always the same result, as soon as I get an answer I share the screen.

New project ABP Version 3.1.2 (Stable) with Angular

Still waiting

Identity server

[amsaighi]

Look, @maliming 9.7 min for openId-configuration

12.8 min login

[maliming]

hi @amSaighi

Are your Redis works normal?

[amsaighi]

ping @maliming in console I have only this us info : NgxsModule.forRoot(states, { development Mode: !environment.production })

The Angular tooks a lot of time to get the right URL, it still waiting for the answer.

[amsaighi]

check it please : https://github.com/amSaighi/ABP-Angular

@maliming @mehmet-erim

[maliming]

Can't reproduce.

[amsaighi]

it's awkward, I ll try to same example in another machine.

[maliming]

Are your Redis server works normal?

[amsaighi]

Why redis ? look the same repo in my VM Azure, I clone it and I get the same result FYI : I using EF Core with SqlServer management

ping @maliming

[amsaighi]

ping @maliming @mehmet-erim

[maliming]

Why redis ?

See https://github.com/abpframework/abp/issues/5023

https://github.com/amSaighi/ABP-Angular/blob/master/aspnet-core/src/Acme.BookStore.IdentityServer/appsettings.json#L12 https://github.com/amSaighi/ABP-Angular/blob/master/aspnet-core/src/Acme.BookStore.HttpApi.Host/appsettings.json#L11

[amsaighi]

Hello @maliming Thank you it's working perfectly. in the first I didn't get the information about Redis in the first use ABP. I installed Redis, I launched it and everything sill good.

Redis link : Redis Download Setup/Install Redis Server on Windows 10