각도/Redux 정의되지 않은 'dispatch'속성을 읽을 수 없음

Angular + Redux가 포함 된 쇼핑 앱을 구축 중입니다. 는 내가 원하는 디스패처 기능을 통해 클릭의 "ADD_PRODUCT"조치를 해고하는 것입니다,하지만 난 단지 다음과 같은 오류를 얻을 때 제품에 클릭 :각도/Redux 정의되지 않은 'dispatch'속성을 읽을 수 없음

오류 형식 오류 : 정의되지 않은의 속성을 읽을 수 없습니다 '파견'

그물에서 검색해도 비슷한 문제는 구성 요소에 선택 데코레이터를 추가하여 해결되었습니다. 나도 마찬가지지만 여전히이 오류가 발생합니다.

store.ts

import { IProduct } from './product'; 
import { ADD_PRODUCT, REMOVE_PRODUCT, REMOVE_ALL_PRODUCTS } from './actions'; 

export interface IAppState { 
    products: IProduct[]; 
} 

export const INITIAL_STATE: IAppState = { 
    products[] 
} 

const productsReducer = (state=[], action) => { 
    switch(action.type) { 
     case "ADD_PRODUCT" : { 
      state = {...state, products: action.payload} 
      break; 
     } 
    } 
    console.log("Products Reducer!") 
    return state; 
} 

const cartReducer = (state=[], action) => { 
    console.log("Cart Reducer!") 
    return state; 
} 

// Reducers 
export const rootReducer =() => ({ 
    products: productsReducer, 
    cart: cartReducer 
})

store.component.ts

import { Component, OnInit } from '@angular/core'; 
import { NgRedux, select } from '@angular-redux/store'; 
import { IAppState } from '../store'; 
import { ADD_PRODUCT } from '../actions'; 
import { IProduct } from '../product'; 
import { Router } from "@angular/router"; 
import { BehaviorSubject } from 'rxjs/BehaviorSubject'; 
import { Http, HttpModule, Response } from '@angular/http'; 
import { Observable } from 'rxjs/Rx'; 

import 'rxjs/add/operator/map'; 

@Component({ 
    selector: 'app-store', 
    templateUrl: './store.component.html', 
    styleUrls: ['./store.component.css'] 
}) 
export class StoreComponent implements OnInit { 

    @select() prod; 
    private products = new BehaviorSubject<any>([]); 

    product = this.products.asObservable(); 
    dataUrl = "./assets/products.json"; 
    prods: any; 

    constructor(private _http: Http, ngRedux: NgRedux<IAppState>) { } 

    getProducts(): Observable<any>{ 
     return this._http.get(this.dataUrl) 
     .map((res: Response) => res.json()); 
    } 

    ngOnInit() { 
    this.getProducts().subscribe(prods => this.prods = prods); 
    } 

    addToCart(prod){ 
    this.ngRedux.dispatch({type: "ADD_PRODUCT", payload: prod}) 
    console.log(prod.title + " added!") 
    } 

}

store.component.html

<div class="container"> 
    <div class="row"> 
     <div *ngFor="let prod of prods" class="col-sm-4 col-md-4 col-lg-4"> 
     <div class="addBtn" (click)="addToCart(prod)">Add product</div> 
    </div> 
    </div> 
</div>

내가 잘못하고있는거야? 운영자를 올바르게 작동시키는 방법?

출처

2017-11-27 Alexandr Belov

private 수정자를 구성 생성자의 ngRedux 매개 변수에 추가하는 것을 잊었습니다.

constructor(private _http: Http, private ngRedux: NgRedux<IAppState>) { } 
           ^^^^^^^

출처

2017-11-27 20:38:13 yurzui

각도/Redux 정의되지 않은 'dispatch'속성을 읽을 수 없음

답변

관련 문제