Intellisense 不会自动完成 HTML 中的变量

我的 VSCode 中用于 html 的 Intellisense 已停止工作。我能够获得 html 标签的自动完成功能,但我没有收到有关 .ts 变量的建议。我一直使用此功能,但由于某些原因它不再工作了。对于 ts 文件,它工作正常。

VSCode 版本:1.60.2

已安装的扩展:

  • Angular 语言服务
  • 角度规格生成器
  • OpenAPI (Swagger) 编辑器
  • 重新加载
  • SVG查看器
  • TODO 亮点
  • Visual Studio 智能代码
  • YAML

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

stack overflow Intellisense not autocompleting variables in HTML
原文答案

答案:

作者头像

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

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

这对我有用。

作者头像

为了在您的 html 文件中获得完整的角度变量自动完成功能,我们需要在工作区 tsconfig.json 文件中调整一些设置,请执行以下步骤:-

  1. 打开 Angular 项目工作区的 tsconfig.json 文件。
  2. 在您的 strictTemplates 文件中将 true 标志设置为 tsconfig.json

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


3. 重新启动您的 Visual Studio 代码,然后检查建议是否包含在您的 html 文件中。

这在 Angular 语言插件的  [official info page](https://marketplace.visualstudio.com/items?itemName=Angular.ng-template)  中也有说明。

 [![enter image description here](https://i.stack.imgur.com/5EnJo.png) ](https://i.stack.imgur.com/5EnJo.png)
作者头像

您是否尝试过禁用除 Angular 语言服务之外的所有插件?如果可行,只需开始一一启用,直到它停止工作。

您还检查了扩展程序的日志吗? Where are the VSCode error logs for extensions?

作者头像

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

1.禁用Angular语言服务,
2.重新加载VS代码

  1. 启用 Angular 语言服务。

这对我有用。

作者头像

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