[英]Error: StaticInjectorError[FormBuilder] when running ng test
[英]Declaration file missing when running ng test
我最近开始研究现有的 Angular 项目 单元测试已经中断了很长一段时间。 不幸的是,由于对声明文件中定义的 object 的引用错误,我无法让它们运行。 此声明文件位于项目的根目录中。 在运行时,实际的库是从我们的开发服务器加载的,一切正常。
然而,在运行ng test
时,Jasmine 抱怨找不到引用:
ReferenceError: SomeObject is not defined
at <Jasmine>
at MyService.getDetails (http://localhost:9876/_karma_webpack_/src/app/MyService.service.ts:196:33)
这是正在运行的应用程序的 tsconfig,运行良好:
{
"extends": "../tsconfig.base.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"baseUrl": "./",
"experimentalDecorators": true,
"types": []
},
"files": [
"main.ts",
"polyfills.ts",
"someobject.d.ts"
],
"include": [
"src/**/*.d.ts"
]
}
测试配置类似,但出现上述错误:
{
"extends": "../tsconfig.base.json",
"compilerOptions": {
"outDir": "../out-tsc/spec",
"baseUrl": "./",
"types": [
"jasmine",
"node"
]
},
"files": [
"someobject.d.ts",
"polyfills.ts",
"test.ts"
],
"include": [
"**/*.spec.ts",
"**/*.d.ts"
]
}
someobject.d.ts 文件位于项目的根目录,与 polyfills.ts 和 main.ts 处于同一级别。
这只是我从事的第二个 Angular 应用程序,所以我在这方面的经验并不多。 也是第一次遇到TypeScript声明文件。 我在网上找到的大多数资源都是关于处理通过 npm 为 lodash 等库分发的声明文件。 我发现几乎没有信息可以在这样的项目中使用声明文件。
我正在从这里寻找一些指向 go 的正确方向的指针。
显然,我编辑了 class 和文件名,因为我不能随意逐字分享源代码。
在尝试了几件事之后,我通过添加实际库来解决问题,并将其仅包含在 angular.json 中进行测试:
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
...
"scripts": [
"someobject.js"
],
....
}
}
这样,脚本在测试时可用,但不包含在由外部服务提供的生产环境中。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.