Angular语言服务在vscode中不起作用

Question

角度语言服务在vscode中不起作用。在html中，使用F12转到组件时没有智能感知。

在vscode中打开时，tsconfig.json没有错误

Answer 1

原因： 由于实验性常春藤获得启用，Angular 语言服务可能无法工作

解决方案：我们需要通过进入扩展设置来禁用它或取消选中该框。

Answer 2

对于即将到来的所有其他谷歌用户：版本 v0.1100.3 中存在一个错误，降级到版本 v0.1100.2 是许多人的解决方案：

https://github.com/angular/vscode-ng-language-service/issues/1063

你可以直接在 VSCode 中安装另一个版本：

Answer 3

问题是tsconfig.json中的结尾逗号。 vscode中允许使用。但无法解析为json。 使用Help-Toggle Developer Tools可以在浏览器控制台中显示该消息。

在删除结尾的逗号并重新启动vsCode / project之后，问题已解决

Answer 4

来自This Medium Article: Angular Language Service is not Working?

1. 您需要确保 VS Code 不会自动更新扩展版本，因此我们将 “extensions.autoUpdate”: false 放在您的用户设置中（仅适用于用户级别设置— 在项目级别设置中不可用）。

要在 settings.json 中编辑您的设置，首先使用 CMD/CTRL + SHIFT + P 打开命令面板。在命令面板中，您可以在两个编辑设置的命令之间进行选择：打开设置 (JSON) 命令将让您直接编辑 设置 JSON 文件。

2. 然后右键单击扩展并选择安装另一个版本：

Answer 5

在某些情况下，可能是由于与其他扩展名冲突。我卸载了一些扩展名（特别是nunjucks）并重新启动了VSCode，然后HTML上的intellisense回来了。

Answer 6

对我来说，解决方案是在 Angular Language Service extension->settings 中禁用 Experimental-ivy：

Answer 7

尝试一下，可能会解决

VSCode-用户设置

“ editor.snippetSuggestions”：“顶部”，

到

“ editor.snippetSuggestions”：“内联”，