微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

SyntaxError:使用 Jest 测试角度组件导入 js 库时,无法在模块外使用 import 语句

如何解决SyntaxError:使用 Jest 测试角度组件导入 js 库时,无法在模块外使用 import 语句

我有一个 Angular 组件,我想用玩笑测试。这个组件很特别,因为它从 node_modules 导入了 js 库:

import DmnModeler from 'dmn-js/lib/Modeler';

这个库基本上是导出的javascript函数,后来用'new'关键字来使用。 使用 ts-jest 配置的 Jest 给了我这个错误,它来自于导入的库,它本身导入了一些代码

 import EditingManager from 'dmn-js-shared/lib/base/EditingManager';
^^^^^^

SyntaxError: Cannot use import statement outside a module

我尝试使用以下方法更新 jest 配置:

'ts-jest': {
  useESM: true // added to existing props
}

transform: {
  "^.+\\.(ts|js)?$": "ts-jest"
},transformIgnorePatterns: ['node_modules/(?!library/lib/module)'],// also with 'node_modules/(?!library)/'
extensionsToTreatAsEsm: ['.ts','.js']

我也尝试用

更新 tsconfig
"esModuleInterop": true,"allowJs": true,

我也尝试了一些解决方https://github.com/facebook/jest/issues/9395,但没有成功。 我将 Angular 8 与 Webpack 4 和 Jest 24 一起使用

有人知道如何测试该组件吗?谢谢。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。