我从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”。
我能做些什么来弥补呢?
这个问题的解决方案与@Pace在他的回答中所写的内容有关。但是,它不能解释所有的事情,如果你不介意的话,我就自己写吧。
解决方案:
添加这一行:
///<reference path="./../../../typings/globals/jasmine/index.d.ts"/>
在hero.spec.ts文件的开头修复了问题。路径指向类型文件夹(所有类型都存储在其中)。
要安装类型,您需要创建类型。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 package)。
这个问题的解决方案与@Pace在他的回答中所写的内容有关。但是,它不能解释所有的事情,如果你不介意的话,我就自己写吧。
解决方案:
添加这一行:
///<reference path="./../../../typings/globals/jasmine/index.d.ts"/>
在hero.spec.ts文件的开头修复了问题。路径指向类型文件夹(所有类型都存储在其中)。
要安装类型,您需要创建类型。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 package)。
为了让TypeScript编译器在编译过程中使用所有可见的类型定义,types选项应该完全从tsconfig中的compilerOptions字段中删除。json文件。
当compilerOptions字段中存在一些类型条目时,这个问题就会出现,而与此同时,笑话条目却缺失了。
所以为了解决这个问题,在你的tsconfig中输入compilerOptions字段。Json应该在类型区域中包含jest,或者完全摆脱类型:
{
"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"
]
}