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