Angular 12 从 tslint 切换到 eslint 后模板 linting 不起作用

Question

将 nx 工作区升级到 v12 后，一切正常，预期模板在 IDE 中被 linted。

IDE (WebStorm) 显示了一些以前从未发生过的奇怪错误：

第一个警告说No directive is match on attribute ngIf即使导入了CommonModule ，与async相关的第二个错误说Missing require() statement and var async = require('@angular/core/testing').async;

这真的很有趣，因为构建整个 monorepo 完美无缺，所以我猜这可能是由一些不正确的 linting 配置引起的。 不得不说，workspace 不仅更新到了最新的nx版本，还从tslint转换成了eslint 。

过去有人遇到过类似的问题吗？

Answer 1

I had the same No directive is matched on attribute ngIf message in PhpStorm, after updating a project to Angular 12. I created a new project with Angular CLI and had the same issue, while another project still on Angular 9 worked fine in the same IDE同时。

我确实帮助 > 检查更新，它说一切都是最新的，但在查看 JetBrains 网站时，我注意到有一个更新版本的 Angular 插件，它与更新版本的 PhpStorm 捆绑在一起，即自动更新在 IDE 中没有找到； 我安装了新的 PhpStorm，问题得到解决。

目前使用 PhpStorm 2021.1.4

Answer 2

在 PyCharm 上有同样的问题。 2021.3 RC 的更新解决了这个问题。 它也应该适用于 WebStorm。

Answer 3

我在 VS Code 上也有同样的情况。 原因是在“Angular Language Service”插件中，需要重新启动它并且错误消失了。 因此，如上所述，只需通过 IDE 上的扩展名 go 并“重新启动/更新或禁用”它并检查错误是否消失。