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

【问题标题】：Angular language service not working in vscodeAngular 语言服务在 vscode 中不起作用
【发布时间】：2019-06-20 23:06:42
【问题描述】：

Angular 语言服务在 VSCode 中不起作用。在 HTML 中，使用 F12 转到组件时没有智能感知。

tsconfig.json 在 VSCode 中打开时不会出错。

【问题讨论】：

标签： angular visual-studio-code intellisense

【解决方案1】：

你可以尝试重启Angular Language Service。

按STRG+SHITFT+P 打开命令面板。搜索Angular: Restart Angular Language Service 在这里你可以在github上找到feature request和pull request。

【讨论】：

【解决方案2】：

我使用 Angular 语言服务版本 12.2.0。对我有用的解决方案是启用旧版视图引擎语言服务。

更新

现在，我正在使用 Angular 语言服务 13.0 版。当我将 Angular 更新到 13.0 版时，它显示错误，但是，当我取消选择使用旧版视图引擎选项时，错误就消失了。

【讨论】：

【解决方案3】：

我正在使用 Angular 12.2.5 和 Angular 语言服务 12.2.0。在我的情况下，上面没有任何效果，所以我最后尝试的方法是：

卸载它
重启 VS 代码
然后重新安装它

这就成功了！现在智能感知在 html 文件中再次正常工作。

【讨论】：

【解决方案4】：

对我来说，解决方案是在 Angular 语言服务扩展中禁用 Experimental-ivy->设置：

【讨论】：

【解决方案5】：

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

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

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

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

【讨论】：

【解决方案6】：

原因：由于 Experimental ivy 启用，Angular 语言服务可能无法工作

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

【讨论】：

魅力之类的伟大作品。我什至禁用了提示。现在我意识到实验性功能可能很危险，请自行承担风险。
@LuisAlfredoSerranoDíaz 禁用后，你需要重新加载 vs 代码。
两年后这解决了我的问题，这让我非常难过。

【解决方案7】：

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

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

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

【讨论】：

哦，天哪，就像一个魅力！我浪费了 2 小时 x.x 谢谢！！
这是我的问题的解决方案。
有趣的是，我们已经过了这个版本，每次我收到支持投票的通知时，我都知道最新版本仍然坏了:)

【解决方案8】：

在可能的情况下，这是由于与另一个扩展程序发生冲突。我卸载了一些扩展（特别是 nunjucks）并重新启动了 VSCode，然后 HTML 上的智能感知又回来了。

【讨论】：

【解决方案9】：

试试看，可能会解决

VSCode - 用户设置

"editor.sn-pSuggestions": "top",

到

“editor.sn-pSuggestions”：“内联”，

【讨论】：

【解决方案10】：

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

去掉后面的逗号并重启vsCode/project后问题解决了

【讨论】：

我也遇到了同样的问题，去掉无效的逗号就解决了！