繁体   English   中英

运行 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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM