Angular 6 - 在建立连接之前关闭 WebSocket答案

【问题标题】：Angular 6 - WebSocket is closed before the connection is establishedAngular 6 - 在建立连接之前关闭 WebSocket
【发布时间】：2019-07-12 23:54:13
【问题描述】：

每次我启动我的应用程序时，我都会得到这个。我不使用 SSL，我正在连接到 localhost:4200。

WebSocket 在连接建立之前关闭

这是什么原因造成的？

【问题讨论】：

标签： angular

【解决方案1】：

我也遇到了 asp.net core 和 Angular 7.2.0 的这个问题。正如我刚刚测试的那样，Angular 6.1.10 不存在它

在 startup.cs 中使用时会发生这种情况：

app.UseSpa(spa => { spa.UseProxyToSpaDevelopmentServer("http://localhost:4200"); });

当我的 asp.net 核心在其他端口上运行时。任何想法如何解决它？唯一的解决方法是为我的 asp.net web api 添加带有基本 url 的角度 http 拦截器，但 UseProxyToSpaDevelopmentServer 绝对是更简单的方法。

更好的解决方法是在 angular 端使用 proxy.conf.json https://angular.io/guide/build#proxying-to-a-backend-server

【讨论】：

【解决方案2】：

我也收到了这条消息，对我来说，原因似乎是服务范围。我在 auth / login 组件的 Providers 部分有一项服务，导致它在本地范围内。从我可以看到它发生在登录后导航到另一个页面之后。我从提供者列表中删除了它，错误就消失了。

【讨论】：

我很想，但已经有一段时间了 - 在我添加评论时应该添加一个示例。
没问题，我想通了。在我的 app.module 中，我将服务添加到 Provider 中，现在可以了。
识别错误对我来说很有意义，谢谢#Jacques。

【解决方案3】：

您可以通过在 .csproj 中添加 TypeScriptCompileBlocked 来解决此问题

<PropertyGroup>
  <TargetFramework>netcoreapp2.2</TargetFramework>
  <TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>
</PropertyGroup>

【讨论】：

【解决方案4】：

不确定是什么原因造成的，但我观察到当从组件中的'@angular/core' 导入ChangeDetectionStrategy 时，警告消失了。

请确认您是否也发生了同样的情况。

【讨论】：