Intellisense 不自动完成 HTML 中的变量

Question

我的 VSCode 中的 html 智能感知已停止工作。我能够获得 html 标签的自动完成功能，但没有获得 .ts 变量的建议。我一直在使用这个功能，但由于某些原因它不再起作用了。对于 ts 文件，它工作正常。

VSCode版本：1.60.2

已安装的扩展：

• Angular 语言服务
• 角度规格生成器
• OpenAPI（Swagger）编辑器
• 重新加载
• SVG 查看器
• 待办事项亮点
• Visual Studio IntelliCode
• YAML

我不记得安装了其中之一，然后 html 的智能感知停止工作。我尝试重新启动 VSCode，VSCode 底部栏中显示的语言是正确的。

Answer 1

我遇到了同样的问题，并通过禁用然后重新启用 Angular 语言服务扩展来解决。

1. 禁用 Angular 语言服务。
2. 重新加载 VS Code。
3. 启用 Angular 语言服务。

这对我有用。

Answer 2

尝试在您的设置中启用“强制严格模板”。我使用的是 Angular 15。现在我看到 HTML 中嵌套对象的自动完成功能。在我的

strictTemplates

中添加

tsconfig.json

没有按照文档的建议工作。

Answer 3

您是否尝试过禁用除 Angular Lanugage Service 之外的所有插件？如果有效，只需开始一项一项启用，直到它停止工作。

您还检查过扩展程序的日志吗？ 扩展的 VSCode 错误日志在哪里？

Answer 4

为了在 html 文件中获得完整的角度变量自动完成功能，我们需要在工作区

tsconfig.json

文件中调整一些设置，请执行以下步骤：-

1. 打开 Angular 项目工作区的

   tsconfig.json

   文件。
2. 在您的

   strictTemplates

   文件中将

   true

   标志设置为

   tsconfig.json

   。

"angularCompilerOptions": {
    "strictTemplates": true   
},

3. 重新启动 Visual Studio 代码，然后检查建议是否出现在 html 文件中。

Angular 语言插件的官方信息页面也说明了这一点。

Answer 5

我遇到了同样的问题，通过禁用然后重新启用 Angular 语言服务扩展来修复。

1. 禁用 Angular 语言服务，
2. 重新加载 VS Code
3. 启用 Angular 语言服务。

这对我有用。

Answer 6

我已经安装了 Angular Language Servcie 和 Angular Snippets（版本 13），这就是出现问题的原因。然后我卸载 Angular Snippets（版本 13）并重新启动 Angular Language Servcie 并 restrat vs code。现在它工作正常。

Answer 7

尝试删除 Angular 项目根目录中的

/.angular

文件夹。当其他建议的解决方案不起作用时，这对我有用。

/.angular

文件夹可以安全删除，因为它将在构建时重新生成。它包含已编译项目的缓存，我认为在进行太多更改后有时可能会损坏（特别是在更改项目版本或使用 npm 链接到本地依赖库并重建这些库之后，至少根据我的经验，有时会发生此类更改（很少）导致一些智能感知甚至编译问题，只能通过删除

/.angular

文件夹来解决）。