ASP.Net Core 运行Angular报错

1,949 阅读1分钟

项目环境:

(1)Visual Studio 2019

(2)angular/cli 9.1.0

问题描述:

  在项目中创建完之后,调试运行时,报错:

Timeout Exception: The Angular CLI process did not start listening for requests within the timeout period of 0 seconds.


  这是因为项目运行时,会先编译项目文件,而此时angular的服务并没有运行。

app.UseSpa(spa =>
{
    spa.Options.SourcePath = "ClientApp";
    if (env.IsDevelopment())
    {
        spa.UseAngularCliServer(npmScript: "start");
    }
});

解决方案:

(1)将UseAngularCliServer改为UseProxyToSpaDevelopmentServer("http://localhost:4200");

app.UseSpa(spa =>
{
    spa.Options.SourcePath = "ClientApp";
    if (env.IsDevelopment())
    {
        spa.UseProxyToSpaDevelopmentServer("http://localhost:4200");
    }
});

(2)打开【程序包管理器控制台】,进行angular项目目录,如ClientApp,然后运行angular项目【ng serve --open】,运行成功后,再运行整个项目,页面就可以加载成功,而且加载速度也变快了。