无法在NGRX效果元组错误中获取状态

罗斯·罗林斯

我正在尝试访问效果中的当前商店状态,以便可以将当前购物车本地存储。我关注了文档,但II一直出现TS错误。以下是我的影响及其引发的错误。我不知道是什么原因导致了此问题,因为我不熟悉该错误。

src / app / cart / store / cart.effects.ts(15,42)中的错误:错误TS2493:长度为2的元组类型'[never,ProductInterface []]'在索引'2'处没有元素。[ng] src / app / cart / store / cart.effects.ts(15,54):错误TS2493:长度为2的元组类型'[never,ProductInterface []]'在索引'3'处没有元素。

import {Injectable} from '@angular/core';
import {Actions, createEffect, ofType} from '@ngrx/effects';
import {Store, select} from '@ngrx/store';
import {ProductInterface} from '../../interfaces/product.interface';
import {of} from 'rxjs'
import {CartActions, addToCart, clearCart, removeFromCart, updateCartQuantity, } from './cart.actions';
import {withLatestFrom, switchMap} from 'rxjs/operators';
import {Storage} from '@ionic/storage';
@Injectable()
export class CartEffects {

    storeCart$ = createEffect(() => this.actions$.pipe(
        ofType('[Cart Component] Add To Cart'),
        withLatestFrom(this.store.pipe(select('cart'))),
        switchMap(([action: CartActions, storeState: ProductInterface[]]) => {
            this.storage.set('cart', storeState);
            return of(action)
        })))

    constructor(
        private actions$: Actions,
        private storage: Storage,
        private store: Store<{cart: ProductInterface[]}>
    ) {}
}
费利克斯·莱姆克

代码的问题在于,您不能在元组(内部switchMap函数的函数参数)中使用类型。尝试:

switchMap(([action, storeState]: [CartActions, ProductInterface[]]) => {})

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ngrx从效果更新状态

来自分类Dev

错误类型错误:无法读取 NGRX 效果中的 null 属性“管道”

来自分类Dev

在 ngrx 效果中调用 api 后获取数据

来自分类Dev

NGRX 效果/Firebase (Firestore) 错误

来自分类Dev

NGRX效果引发错误类型XXXX无法分配给类型'ObservableInput <any>'

来自分类Dev

从NgRx效果调用API时捕获错误

来自分类Dev

在回调函数中获取状态错误?

来自分类Dev

无法在vue组件中获取vuex状态

来自分类Dev

反应:无法在setInterval中获取状态

来自分类Dev

无法在Redux动作中获取状态

来自分类Dev

无法获取有效载荷以填充新状态ngrx 8

来自分类Dev

无法从来自 Option[Double] 的元组中获取单个值

来自分类Dev

NgRx-选择效果中的AppState

来自分类Dev

在NGRX中以什么顺序执行效果

来自分类Dev

如何在 ngrx 中测试效果?

来自分类Dev

按索引获取元组中的元组值

来自分类Dev

如何在angular Ngrx中的效果中传递ID

来自分类Dev

只需从 web api 中的模型状态获取错误消息文本

来自分类Dev

Git中的“无法获取您的身份”错误

来自分类Dev

在NodeJS + Express中显示错误:“无法获取/ ...”

来自分类Dev

Node.js中的“无法获取/”错误

来自分类Dev

Node.js 中的“无法获取/”错误

来自分类Dev

无法在提供程序文件中获取Redux状态

来自分类Dev

然后无法通过Vuex中的getter获取存储状态

来自分类Dev

我无法从检查列表中的 handleChange 函数获取状态

来自分类常见问题

如何在NgRx中推送或更新状态?

来自分类Dev

如何检测组件中的NGRX状态事件?

来自分类Dev

ngrx中的不可变状态有问题

来自分类Dev

如何修复React中的``无法执行React状态...''错误

Related 相关文章

热门标签

归档