如何对未加载的Angular应用进行故障排除？

Question

我有一个ASP.NET Core / Angular 6应用。该应用程序成功编译成功，但随后卡在“正在加载...”中。控制台中没有错误。我什至无法关闭浏览器选项卡，因此它看起来崩溃或陷入了无限循环。我可以关闭浏览器的唯一方法是暂停浏览器中的脚本执行，并在执行该操作时加载UI。

以前曾经工作过。我做了一些改变。添加了登录页面和路由，甚至可以正常使用，直到我不知道我做了什么更改导致了此问题。

让我知道是否可以提供更多有用的信息。

UPDATE：

[好像我有this same issue，而我在MacOS上。

Answer 1

i首先要查看应该表示什么并检测下一个状态，因为其中一个失败了。您可以在控制台中编写语句以查看卡住的确切位置。不幸的是，您的问题太模糊了，无法开始猜测。

Answer 2

好，我发现了问题。我在导航栏上添加了退出菜单项，并且由于错误，我将onLogout()方法绑定到了[routerLink]而不是(click)事件。因此，更改此

<li class="nav-item" [routerLinkActive]="['link-active']">
  <a class="nav-link" [routerLink]="onLogout()">Log out</a>
</li>

with

<li class="nav-item" [routerLinkActive]="['link-active']">
  <a class="nav-link" (click)="onLogout()">Log out</a>
</li>

已解决问题。问题出在onLogout()内部，我正在导航至登录页面，这导致了无限循环。