如何解决/抑制 IntelliJ 警告：模拟类未在任何 Angular 模块中声明？

Question

我有一个 Angular 8 应用程序，我试图在其中模拟一些子组件。

\n

嘲笑本身很好。但是，为了组织和可重用性，我想将模拟从.spec文件移到它自己的模拟目录中，如下所示：

\n

myApp\n|-- src\n    |-- app\n        |-- app.component.spec.ts\n    |-- mocks\n        |-- material\n            |-- mat-drawer-container.ts\n

\n

MaterialDrawerContainer 的模拟如下所示：

\n

import {Component, Input} from \'@angular/core\';\n\n@Component({\n   selector: \'mat-drawer-container\',\n   template: \'\'\n})\n\nexport class MockMatDrawerContainer {\n@Input() mode;\n}\n

\n

测试本身仍然按预期工作。但令人烦恼的是，MockMatDrawerContainer 下面有一条旧的大红线，抱怨“MockMatDrawerContainer 未在任何角度模块中声明”，即使它在测试台配置测试模块中使用，如下所示：

\n

TestBed.configureTestingModule(\n            {declarations: [MockMatDrawerContainer]}).compileComponents;\n

\n

我找到了 Stack\xc2\xa0Overflow 对“更改时编译”的建议以及对compileOnSave 的 tsconfig.app.json 的相关更改，但除了在模拟目录中创建一个伪造的 ngModule 之外没有任何帮助，这看起来很愚蠢。

\n

我怎样才能解决这个问题？

\n

Answer 1

虽然您是正确的，正如您在答案中提到的那样，禁用 Angular 项目的所有此类检查，但禁用测试模拟的检查绝对是一个有效的用例。

这些警告来自代码检查（IntelliJ IDEA和WebStorm）。

要禁用任何检查（对于任何类型的项目）：

1. 将光标置于有问题的代码中（下划线）
2. Alt+Enter
3. 选择检查
4. “为了上课而压抑”

在本例中，这将添加注释：

// noinspection AngularMissingOrInvalidDeclarationInModule