我从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”。

我能做些什么来弥补呢?


当前回答

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

npm install --save-dev @types/jasmine

其他回答

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

npm install --save-dev @types/jasmine

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

npm install -D @types/jasmine

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

"types": ["jasmine"],

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

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

npm install -D @types/jasmine

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

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

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

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

import { range } from 'rxjs';
import { map, filter } from 'rxjs/operators';
npm install @types/jasmine

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

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

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

这对我很有用。

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