Angular 2 单元测试：找不到名称“描述”

Question

我关注this tutorial from 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);
  });
});

单元测试就像一个魅力。问题是：我看到一些错误，教程中提到了：

我们的编辑器和编译器可能会抱怨他们不知道it 和expect 是因为它们缺少描述的打字文件 茉莉花。我们可以暂时忽略那些烦人的抱怨 无害。

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

我得到的示例：

找不到名称“描述”。

找不到名称“它”。

找不到名字'expect'。

我能做些什么来解决它？

Answer 1

我在 Angular 库中遇到了这个错误。原来我不小心将我的 .spec 文件包含在我的 public-api.ts 的导出中。删除导出解决了我的问题。

Answer 2

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

将此添加到文件顶部并 npm install rxjs

从'rxjs'导入{范围}； 从 'rxjs/operators' 导入 { map, filter };

Answer 3

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

我以前有这个：

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

在提供应用程序时，它包括了我所有的 .spec.ts 文件。我更改了include property toexclude` 并添加了一个正则表达式来排除所有测试文件，如下所示：

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

现在它可以按预期工作了。

Answer 4

只需执行以下操作即可在 Lerna Mono-repo 中获取 @types 其中存在多个 node_modules。

npm install -D @types/jasmine

然后在每个模块或app的每个tsconfig.file中

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

Answer 5

我到今天为止是最新的，发现解决这个问题的最佳方法是什么都不做...不typeRoots不types不exclude不include所有默认值似乎都是工作得很好。实际上，在我将它们全部删除之前，它并不适合我。我有：

"exclude": [
    "node_modules"
]

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

我有：

"types": [
    "node"
]

克服一些编译器警告。但现在我也删除了它。

不应该的警告是： error TS2304: Cannot find name 'AsyncIterable'. 来自node_modules\@types\graphql\subscription\subscribe.d.ts

这非常令人讨厌，所以我在 tsconfig 中做了这个，以便它加载它：

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

因为它在 esnext 集中。我没有直接使用它，所以暂时不用担心兼容性。希望以后不会烧到我。

Answer 6

我希望你已经安装了 -

npm install --save-dev @types/jasmine

然后将以下导入放在hero.spec.ts 文件的顶部 -

import 'jasmine';

应该能解决问题。

Answer 7

您需要为 jasmine 安装类型。假设您使用的是相对较新的 typescript 2 版本，您应该能够做到：

npm install --save-dev @types/jasmine

Answer 8

我正在使用 Angular 6、Typescript 2.7，并且正在使用 Jest 框架进行单元测试。 我安装了@types/jest 并添加到typeRoots 内tsconfig.json

但是下面还是有显示错误（即终端没有错误）

找不到名称描述

并添加导入：

import {} from 'jest'; // in my case or jasmine if you're using jasmine

从技术上讲并没有做任何事情，所以我想，有一个导入导致这个问题，然后我发现，如果删除文件

tsconfig.spec.json

在src/ 文件夹中，为我解决了这个问题。因为 @types 是在 rootTypes 之前导入的。

我建议你这样做并删除这个文件，里面不需要配置。 （ps：如果你和我一样的话）

Answer 9

我将在 "typescript": "3.2.4" 中添加对我有用的答案:-

• 安装类型茉莉npm install -D @types/jasmine

• 添加到 tsconfig.json jasmine/ts3.1

  "typeRoots": [ ... "./node_modules/jasmine/ts3.1" ],

• 将 Jasmine 添加到类型中

  "types": [ "jasmine", "node" ],

注意：不再需要这个import 'jasmine';。

Answer 10

为了使 TypeScript 编译器在编译期间使用所有可见的类型定义，应从 tsconfig.json 文件中的 compilerOptions 字段中完全删除 types 选项。

当compilerOptions 字段中存在一些types 条目，同时缺少jest 条目时，就会出现此问题。

因此，为了解决此问题，tscongfig.json 中的 compilerOptions 字段应在 types 区域中包含 jest 或完全删除 types：

{
  "compilerOptions": {
    "esModuleInterop": true,
    "target": "es6",
    "module": "commonjs",
    "outDir": "dist",
    "types": ["reflect-metadata", "jest"],  //<--  add jest or remove completely
    "moduleResolution": "node",
    "sourceMap": true
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ]
}

Answer 11

使用 Typescript@2.0 或更高版本，您可以安装类型：

npm install -D @types/jasmine

然后使用tsconfig.json中的types选项自动导入类型：

"types": ["jasmine"],

此解决方案不需要在每个规范文件中都有import {} from 'jasmine';。

Answer 12

看看导入可能你有一个循环依赖，在我的情况下这是错误，使用import {} from 'jasmine';将修复控制台中的错误并使代码可编译但不删除根恶魔（在我的例子中是循环依赖）。

Answer 13

npm install @types/jasmine

正如某些 cmets 中提到的，不再需要 "types": ["jasmine"]，所有 @types 包都会自动包含在编译中（我认为是 v2.1 起）。

在我看来，最简单的解决方案是排除 tsconfig.json 中的测试文件，例如：

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

这对我有用。

更多信息见官方tsconfig docs。

Answer 14

就我而言，解决方案是删除我的tsconfig.json 中的typeRoots。

正如您在TypeScript doc 中看到的那样

如果指定了 typeRoots，则只包含 typeRoots 下的包。

Answer 15

使用 Typescript@2.0 或更高版本，您可以使用 npm install 安装类型

npm install --save-dev @types/jasmine

然后使用 tsconfig.json 中的 typeRoots 选项自动导入类型。

"typeRoots": [
      "node_modules/@types"
    ],

此解决方案不需要 import {} from 'jasmine'；在每个规范文件中。

Answer 16

这个问题的解决方案与他的回答中的@Pace has written 有关。不过，它并不能解释一切，所以如果你不介意，我会自己写。

解决方案：

添加这一行：

///<reference path="./../../../typings/globals/jasmine/index.d.ts"/>

hero.spec.ts 文件开头的问题修复。路径指向typings 文件夹（存储所有类型）。

要安装类型，您需要在项目的根目录中创建 typings.json 文件，其中包含以下内容：

{
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160602141332",
    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
    "node": "registry:dt/node#6.0.0+20160807145350"
  }
}

然后运行 ​​typings install（其中 typings 是 NPM 包）。