Angular 2单元测试:找不到名称“describe”

我从angular.io开始学习本教程

正如他们所说，我已经创建了hero.spec.ts文件来创建单元测试:

import { Hero } from './hero';
describe('Hero', () => {
  it('has name', () => {
    let hero: Hero = {id: 1, name: 'Super Cat'};
    expect(hero.name).toEqual('Super Cat');
  });
  it('has id', () => {
    let hero: Hero = {id: 1, name: 'Super Cat'};
    expect(hero.id).toEqual(1);
  });
});

单元测试工作起来很有魅力。问题是:我看到了一些错误，在教程中提到过:

我们的编辑和编译器可能会抱怨他们不知道它是什么和期望，因为他们缺乏打字文件描述茉莉花。我们可以暂时忽略那些恼人的抱怨无害的。

他们确实忽略了这一点。尽管这些错误是无害的，但当我收到一堆错误时，在输出控制台中看起来并不好。

我得到的例子是:

无法找到名称“describe”。找不到名字“it”。找不到名称“expect”。

我能做些什么来弥补呢?

当前回答

只需要做以下事情来在Lerna Mono-repo中获取@types 其中存在几个node_module。

npm install -D @types/jasmine

然后在每个tsconfig中。每个模块或应用程序的文件

"typeRoots": [
  "node_modules/@types",
  "../../node_modules/@types" <-- I added this line
],

2018-09-12 19:15:36

其他回答

npm install @types/jasmine

正如在一些评论中提到的，“types”:["jasmine"]不再需要了，所有@types包都自动包含在编译中(我认为从v2.1开始)。

在我看来，最简单的解决方案是在tsconfig中排除测试文件。json:

"exclude": [
    "node_modules",
    "**/*.spec.ts"
]

这对我很有用。

更多信息请参阅官方tsconfig文档。

2017-03-16 17:41:31

在我的情况下，我得到这个错误时，我提供应用程序，而不是测试时。我没有意识到我在tsconfig.app.json文件中有不同的配置设置。

我之前有这个:

{
  ...
  "include": [
    "src/**/*.ts"
  ]
}

它包含了我所有的。spec。我将include属性改为exclude '，并添加了一个regex来排除所有测试文件，如下所示:

{
  ...
  "exclude": [
    "**/*.spec.ts",
    "**/__mocks__"
  ]
}

现在它按预期工作了。

2019-08-31 16:44:53

如果错误在.specs文件中 app/app.component.spec.ts(7,3):错误TS2304:无法找到名称“beforeEach”。

把它添加到你的文件顶部，然后NPM安装RXJS

import { range } from 'rxjs';
import { map, filter } from 'rxjs/operators';

2020-03-30 18:12:56

只需要做以下事情来在Lerna Mono-repo中获取@types 其中存在几个node_module。

npm install -D @types/jasmine

然后在每个tsconfig中。每个模块或应用程序的文件

"typeRoots": [
  "node_modules/@types",
  "../../node_modules/@types" <-- I added this line
],

2018-09-12 19:15:36

截至今天，我发现解决这个问题的最好方法是什么都不做……没有typeRoots，没有类型，没有排除，没有包括，所有的默认情况下似乎工作得很好。事实上，直到我把它们都去掉，它才对我起作用。我有:

"exclude": [
    "node_modules"
]

但这是默认设置，所以我删除了它。

我有:

"types": [
    "node"
]

来避开一些编译器警告。但现在我把它也去掉了。

不应该的警告是: 错误TS2304:找不到名称“AsyncIterable”。从node_modules \ \ subscribe.d.ts @types \ graphql \订阅

这非常讨厌，所以我在tsconfig中这样做，以便它加载它:

"compilerOptions": {
    "target": "esnext",
}

因为它在esnext集合中。我没有直接使用它，所以现在还不用担心兼容性问题。希望这不会让我以后很难受。

2017-10-06 21:45:37

Angular 2单元测试:找不到名称“describe”

推荐文章

最新文章

标签