TimeoutException:Angular CLI进程未在超时时间内开始侦听请求

时间:2019-03-28 20:24:58

标签: angular visual-studio-2017

我有一个用VS2017 Pro版本15.9.8构建的有角度的Web项目。它可以编译为目标.net Framework 4.6,但是在IISExpress中运行时,它总是超时。我尝试了以下方法:

  • 在Startup.cs中,我将spa.Options.StartupTimeout指定为2分钟[但仍然超时]
  • ClientApp文件夹中,执行npm startng build:[它总是抱怨Error: Cannot find module '@angular/core/package.json'

很多人说直接从命令行运行ng serve,但是该项目是在VS2017中构建的,因此node_modules文件夹位于项目的根目录,而不是{{ 1}}文件夹。同样,ClientApp文件夹不包含@angular文件夹,而是位于core文件夹下。

所以我的问题是:

  • 如果从VS2017内部运行,如何解决超时问题?
  • 如果从命令行运行(例如@angular-devkit),如何解决文件夹问题?

10 个答案:

答案 0 :(得分:17)

使用from herehere,它似乎在.NET Core 3和Angular 9中都可以正常工作。在package.json中修改Angular服务器的启动方式以添加虚拟{{ 1}}:

echo

成为

"start": "ng serve"

答案 1 :(得分:13)

我正在运行 Angular 9 .net core 3.1 VS 2019社区。升级到最新版本的Angular之后,我开始了解该问题。阅读了其他问题之后,我尝试了一些步骤,包括增加超时时间,但没有任何效果。

要使其正常运行,我所做的更改是在"progress" : true文件中设置angular.json。要找到正确的位置,请在serve下。

 "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "xxx:build",
            "progress": true
          }, 

答案 2 :(得分:3)

refresh(F5)您的浏览器或增加SPA配置的超时时间

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

                if (env.IsDevelopment())
                {
                    spa.UseAngularCliServer(npmScript: "start");
                    spa.Options.StartupTimeout = TimeSpan.FromSeconds(200); // <-- add this line
                }
            });

在开发环境中,npm在提供服务之前会先构建一个角度应用程序。有时构建时间超过120秒。

答案 3 :(得分:2)

尝试(CTRL + F5)强制从服务器重新加载,这可以暂时解决问题。

答案 4 :(得分:0)

我也有类似的经验,但是使用.NET Core 2.1和2.2。

浏览体验:

This可以提供帮助(与.NET Core相关,而不是.Net Framework 4.6):

主要区别是“文件夹问题”。在.NET Core中,ClientApp将所有有角度的文件夹都放在一个位置。

我的经验(使用.NET Core 2.1和2.2):

  • ng serve(即包含angular的文件夹)的命令提示符下运行ClientApp
  • 然后,在项目文件夹中的命令提示符下运行dotnet run

希望这对某人有帮助。

答案 5 :(得分:0)

刷新(F5)页面可以解决问题,并且效果很好。

答案 6 :(得分:0)

这是一种解决方法。使用ASP .NET Core 3.1进行了测试

1。在Startup类中,将spa.UseAngularCliServer调用替换为以下内容:

spa.UseProxyToSpaDevelopmentServer("http://localhost:4200");

2。在命令提示符下,切换到ClientApp子目录,然后启动Angular CLI开发服务器:

cd ClientApp
npm start

来源:ASP.NET Core docs

答案 7 :(得分:0)

遇到相同的问题,再次刷新浏览器有点晚,并且运行良好。

解决方案说明:我们遇到相同的现象,这是由于源文件的编译花费的时间超过了允许的连接到节点/ Angular CLI的超时限制。

如果刷新浏览器,它将最终连接,您一切正常。 一旦您的源文件被编译,超时将不再发生。

我还为SPA配置设置了一个超时,如下所示(80秒)。

enter image description here

参考The Angular CLI process times out first time debug is run

答案 8 :(得分:0)

通过dotnet run命令运行项目会给您实际的错误。就我而言,这是我项目的bin / debug目录的权限问题。以管理员身份运行VS解决了我的问题。

答案 9 :(得分:0)

因此,CLI的加载速度不足以使.net核心“挂接到”它。因此,将超时设置为30秒左右,然后等待。尝试刷新几次。我的视线花了5分钟以上。