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

【问题标题】：Angular 12 template linting not working after switchting from tslint to eslint从 tslint 切换到 eslint 后，Angular 12 模板 linting 不起作用
【发布时间】：2021-08-25 04:37:04
【问题描述】：

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

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

第一个警告说 即使导入了 CommonModule，也没有与属性 ngIf 匹配的指令，与 async 相关的第二个错误说 缺少 require() 语句 和var async = require('@angular/core/testing').async;

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

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

【问题讨论】：

如果您运行nx lint some-project，这些会显示吗？还是它们只出现在 IDE 中？
似乎只是出现在 WebStorm 中：/
我也遇到了这个问题，即使是新创建的 Angular 项目，你找到解决方法了吗？
我也有同样的问题。它需要更新 AngularJS 插件，该插件与 IDE (webstorm) 版本捆绑在一起。所以更新 IDE 来解决这个问题。

标签： angular nrwl-nx

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

在将项目更新到 Angular 12 后，我在 PhpStorm 中的属性 ngIf 消息上遇到了相同的 No directive is matched。我使用 Angular CLI 创建了一个新项目并拥有同样的问题，而另一个仍在 Angular 9 上的项目同时在同一个 IDE 中运行良好。

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

目前使用 PhpStorm 2021.1.4

【讨论】：