首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Jest似乎不懂“导入类型”

Jest似乎不懂“导入类型”
EN

Stack Overflow用户
提问于 2022-06-27 11:59:44
回答 1查看 189关注 0票数 3

我们最近更新了我们的单一存储库如下:

28.1.1

  • TypeScript
  • Nx 14.3.6
  • 角14.0.3
  • Jest 4.7.4

在升级之后,编译成功了,但是在运行时,我们得到了许多错误,比如"emitDecoratorMetadata通过引用只有类型的导入和名称空间“(https://github.com/microsoft/TypeScript/issues/42624)来导致运行时错误。ESLint也报告了此错误。

我们通过(对于所有类型和接口)将所有“导入”语句替换为“导入类型”语句来解决这个问题。这修复了运行时错误,并且应用程序再次工作。为了修复ESLint错误,我们还必须安装和使用“”扩展。

到目前为止还不错,但现在我们的测试停止了。似乎Jest不理解“导入类型”语句。在使用“导入类型”的类的每个单元测试中,测试都会失败,出现以下错误:

ReferenceError: Zyz未定义

(其中xyz是测试类中的导入类型,例如,

代码语言:javascript
代码运行次数:0
运行
复制
// some-component.ts
import type { Xyz } from '...';
...

如果我们从"import type“语句中删除"type”,测试就会正常工作,但是运行时错误会再次发生。

我已经搜索了相当多的内容(主要是尝试使用/重新配置babel,因为我找到了这个帖子:https://github.com/babel/babel/issues/10981),但目前我无法解决这个问题。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-06-28 14:37:20

似乎是通过在这里解释的解决办法来解决的:https://github.com/thymikee/jest-preset-angular/issues/1199#issuecomment-1168802943

因此,在tsconfig.spec.json中,将"include“属性配置为包含所有类型记录文件:

代码语言:javascript
代码运行次数:0
运行
复制
// tsconfig.spec.json
{
  ...
  "include": ["**/*.ts"]
}

以前我们有:

代码语言:javascript
代码运行次数:0
运行
复制
// tsconfig.spec.json
{
  ...
  "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts", "jest.config.ts"]
}

编辑:,除了上述配置之外,似乎、ts-jest还需要非隔离模块。我们使用的是isolatedModules:true,但是只使用类型导入也会造成同样的问题。

如果有人知道原因或有更好的主意:请让我知道。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72771723

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档