在某些組件中忽略了 VS 代碼解析錯誤

Question

目前正在使用 angular 開發 html 模板，我有以下代碼：

 <a mat-list-item class="side-link" [routerLinkActive]="['is-active']" [routerLink]="[{outlets: { agent-sidebar: ['agent-manage-clients'] } }]"><i class="fas fa-user mr-3"></i>Clients</a>

如您所見，代碼沒有任何問題。 但是，執行ng build會產生錯誤，而編譯器正在尋找丟失的:令牌，我認為這是不必要的。

1. 為什么即使我正確地關閉了大括號，我的編譯器也會繼續尋找“丟失”的標記？
2. 這對我來說很有趣，因為這是在不同組件中復制粘貼的工作代碼，並且僅在我將其粘貼到這個新組件中時才產生錯誤。 那么為什么它不在其他組件中產生相同的錯誤呢？

Answer 1

顯然，我已經通過更改路由器插座的名稱修復了我的這個錯誤。 事實證明，用令牌命名我的出口agent-sidebar -不知何故弄亂了編譯器。 所以經過將近半天的工作，我改變了這個：

[routerLink]="[{outlets: { agent-sidebar: ['agent-manage-clients'] } }]"

對此：

[routerLink]="[{outlets: { agentSidebar: ['agent-manage-clients'] } }]"

並且編譯器現在可以正常工作。