Visual Studio with ASP-NET and Angular show TimeoutException in Browser

Question

When staring debug after 60 sec waiting this shows in the browser. Refreshing the browser window and 15 sec later everything works ok

An unhandled exception occurred while processing the request. TimeoutException: The Angular CLI process did not start listening for requests within the timeout period of 50 seconds. Check the log output for error information.

Any idea?

make sure you did npm install before doing this and manually check running ng serve in target folder and make sure it serving within the specified time — Pandiyan Cool
– Pandiyan Cool, Commented Jun 14, 2019 at 5:56

Tony · Accepted Answer · 2019-11-14 14:15:35Z

3

That is because the angular CLI is not bootstrap fast enough so to fix it you have 2 options

Increase a time out in Startup.cs

app.UseSpa(spa =>
    {
        spa.Options.SourcePath = "ClientApp";

        if (env.IsDevelopment())
        {
            spa.Options.StartupTimeout = new TimeSpan(0, 0, 80); // 80 seconds
            spa.UseAngularCliServer(npmScript: "start");
        }
    });

or navigate to ClientApp folder run ng serve and wait for compilation process is done so you can run your project again

Update: I find the way to resolve this error is running dotnet run in the cmd

edited Nov 14, 2019 at 14:15

answered Jun 14, 2019 at 8:58

Tony

20.3k7 gold badges42 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Jagz S Over a year ago

I have given the TimeSpan to 5 mins but still getting the same error. Any suggestion?

Tony Over a year ago

@JagzW just update my answer. The dotnet run solve the problem for me

Jagz S Over a year ago

I run the command in command window but getting error saying "Command "dotnet" is not valid."

Tony Over a year ago

You need to install dotnet core sdk

Tomas Krchnak · Accepted Answer · 2020-05-10 19:45:57Z

1

I was able to fix this issue by modifying package.json file. It was needed to slightly change "start" script ("start": "echo Starting... && ng serve"). Additional info here: https://jasontaylor.dev/asp-net-core-angular-9-upgrade/

answered May 10, 2020 at 19:45

Tomas Krchnak

4491 gold badge6 silver badges14 bronze badges

Comments

Shriyansh Jain · Accepted Answer · 2021-02-12 07:54:08Z

For development purpose if you are getting the error as 'TimeoutException: The Angular CLI process did not start listening for requests within the timeout period of 0 seconds.' .

Please follow these 2 steps which work for me as well :

In command prompt, Run the 'ng serve' command to run the angular solution.
In startup.cs file, change the start up timeout to minutes. even it will not take that much of time as angular solution is already running.

-> spa.Options.StartupTimeout = new TimeSpan(0, 5, 0);

Please mark the answer if it helps you !!

Thanks.

Collectives™ on Stack Overflow

Visual Studio with ASP-NET and Angular show TimeoutException in Browser

3 Answers 3

4 Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Related