我正在使用Angular 4 CLI (v.1.0.0),为了处理测试,我创建了一些使用Jasmine创建间谍的模拟。在IDE中一切看起来都很好,但是在终端中我得到了一个错误:“找不到名称'jasmine'”。
起初,我认为问题在于未将jasmine添加到typings中,但我可以看到package.json包含了jasmine类型定义的导入,所以我不确定缺少什么。
mocks.ts
export class MockAuthService {
public login: Function = jasmine.createSpy('login');
}
export class MockHttpService {
public delete: Function = jasmine.createSpy('delete');
public get: Function = jasmine.createSpy('get');
public post: Function = jasmine.createSpy('post');
public put: Function = jasmine.createSpy('put');
}
在终端中运行ng serve会返回以下错误信息。
ERROR in C:/Users/efarley/Desktop/repos/prod/src/app/mocks/mocks.ts (2,23): 找不到名称为'jasmine'的变量。 C:/Users/efarley/Desktop/repos/prod/src/app/mocks/mocks.ts (6,24): 找不到名称为'jasmine'的变量。 C:/Users/efarley/Desktop/repos/prod/src/app/mocks/mocks.ts (7,21): 找不到名称为'jasmine'的变量。 C:/Users/efarley/Desktop/repos/prod/src/app/mocks/mocks.ts (8,22): 找不到名称为'jasmine'的变量。 C:/Users/efarley/Desktop/repos/prod/src/app/mocks/mocks.ts (9,21): 找不到名称为'jasmine'的变量。 webpack: 编译失败。
tsconfig.json
{
"compileOnSave": false,
"compilerOptions": {
"outDir": "./dist/out-tsc",
"baseUrl": "src",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"target": "es5",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2016",
"dom"
]
}
}
tsconfig.spec.json
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/spec",
"module": "commonjs",
"target": "es5",
"baseUrl": "",
"types": [
"jasmine",
"node"
]
},
"files": [
"test.ts"
],
"include": [
"**/*.spec.ts",
"**/*.d.ts"
]
}
tsconfig.app.json
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"module": "es2015",
"baseUrl": "",
"types": []
},
"exclude": [
"test.ts",
"**/*.spec.ts"
]
}
package.json
{
"name": "prod",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^4.0.2",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/flex-layout": "^2.0.0-beta.8",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/material": "^2.0.0-beta.3",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/router": "^4.0.0",
"core-js": "^2.4.1",
"rxjs": "^5.1.0",
"zone.js": "^0.8.4"
},
"devDependencies": {
"@angular/cli": "1.0.0",
"@angular/compiler-cli": "^4.0.0",
"@types/jasmine": "2.5.38",
"@types/node": "~6.0.60",
"codelyzer": "~2.0.0",
"jasmine-core": "~2.5.2",
"jasmine-spec-reporter": "~3.2.0",
"karma": "~1.4.1",
"karma-chrome-launcher": "~2.0.0",
"karma-cli": "~1.0.1",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"karma-coverage-istanbul-reporter": "^0.2.0",
"protractor": "~5.1.0",
"ts-node": "~2.0.0",
"tslint": "~4.5.0",
"typescript": "~2.2.0"
}
}
tsconfig
文件,请发布所有文件。如果你正在使用Angular-CLIv1.0.0
,你应该在文件src/tsconfig.spec.json
中看到"types": [ "jasmine", ...]
。 - Ahmed Musallamtypes
键,但我看到了typeRoots
。我已经更新了问题以包括配置文件。 - efarleysrc/tsconfig.spec.json
吗? - Ahmed Musallam