Angular 10 Visual Studio Code 中 HTML 組件中的“未找到...的定義”

Question

我正在使用 VSCode 中的 angular 10 ，直到今天一切正常。 突然，我無法通過 F12 從 HTML 組件定義 go 定義，也不能通過 F12 右鍵單擊 - Go 定義或 Ctrl+單擊。

Go 的定義僅適用於 typescript 組件，除了“沒有找到...的定義”之外，我沒有收到任何錯誤

我試過更新 VS Code，重新安裝 VS Code 並重新安裝擴展： Angular Essentials by John Papa Angular 語言服務 Angular Snippets

此外，我在所有項目（其中兩個）上都遇到了相同的行為。

謝謝！

Answer 1

在我的情況下，經過幾次嘗試，我發現原因是父 DOM 元素中的 * ngIf="whatever"以及在其他一些情況下在同一級別的其他元素中，刪除它后，所有定義都可以再次訪問......這是一個錯誤作為一種解決方法，我將 Angular 語言服務降級到 11.2.0

Answer 2

為我工作......

要啟用最新的語言服務功能，請通過將 strictTemplates 設置為 true 來設置 tsconfig.json 中的 strictTemplates 選項，如下例所示：

content_copy "angularCompilerOptions": { "strictTemplates": true }

https://angular.io/guide/language-service