Angular 10 | ngrx 效果 |单元测试 |不能将类作为函数调用

标签 angular ngrx ngrx-effects angular-unit-test angular10

将 Angular 项目升级到 Angular 10 后,ngRx 效果单元测试开始出现问题。升级后报错如下:
enter image description here
遇到同样的问题,按照解决方案。
谢谢,

最佳答案

希望有一天这对某人有用。
经过几个小时的调试和搜索,找到了问题的根本原因。
target 出现问题时设置为 ES5tsconfig.base.json .
默认情况下,Angular 10 的脚手架设置为 ES2015它工作正常。但是,该解决方案不适用于旧版浏览器,即。 IE11。
我们如何将目标设置为 ES5 ,以便项目在 IE 中运行并且单元测试也通过了?
嗯,解决方案非常简单。
只需在 tsconfig.spec.json 中设置目标设置即可至 ES2015 (定义如下),无需更改基础 tsconfig 中的任何配置.这对我来说很有吸引力,并且该项目通过 ES5 编译生成器设置和单元测试运行良好 ES2015环境。

{
  "extends": "./tsconfig.base.json",
  "compilerOptions": {
    "outDir": "./out-tsc/spec",
    "types": ["jasmine"],
    "target": "ES2015"
  },
  "files": ["src/test.ts", "src/polyfills.ts"],
  "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
}
输出:
enter image description here
愉快的编码和调试 :-)
谢谢,

关于 Angular 10 | ngrx 效果 |单元测试 |不能将类作为函数调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62941605/

相关文章:

angular - 如何使用 ngrx 的 StoreModule.forRoot() 和 StoreModule.forFeature() 访问另一个模块存储

angular - 带有可观察对象的 ionic 存储服务

html - 解释使用 dart Angular 2 Material 中的 Material 扩展面板设置字段的正确语法

javascript - 如何在带有来自操作的 Prop (MemoizedSelectorWithProps) 的选择器效果中使用 withLatestFrom

angular - 'auth' 中的装饰器不支持函数表达式

javascript - ngRx 状态更新和 Effects 执行顺序

angular - 如何在 Angular 12.x 中导入 leaflet-control-geocoder?

html - Angular CSS 未应用于 'mat-grid-list'

angular - 等待解析器中的状态 (ngrx)

angular - Effect 中的可取消 NGRX 服务轮询