プロパティ 'payload'がタイプ 'アクション'に存在しません

Question

TypeScriptとVisual Studioコードが初めてです。

*[ts] Property 'payload' does not exist on type 'Actions'.

マイコード：

action.tsファイル： 私は次の取得中にエラーが発生しています

import { Action } from '@ngrx/store'; 
    import { Item } from '../models/list'; 

    export class AddBookAction implements Action { 
     type = ActionTypes.ADD_BOOK; 

     constructor(public payload: Item) { } 
    } 

    export type Actions = AddBookAction; 

reducer.tsを

import * as list from 'action'; 

export function reducer(state = initialState, action: list.Actions): State { 

switch (action.type) { 
    case list.ActionTypes.LOAD: { 
     return Object.assign({}, state, { 
     loading: true 
     }); 
    } 

    case list.ActionTypes.LOAD_SUCCESS: { 
     const books = action.payload // Error here 

     return { 
     loaded: true, 
     loading: false, 
     ids: books.map(book => book.id) 
     }; 
    } 
} 

何かアドバイスは次のようになります非常に役立ちます。

Answer 1

それが不完全であるようにあなたのルックスを掲載コード、reducer.tsにあなたがlist.ActionTypes.LOAD_SUCCESSを使用しているので、しかし、これはあなたが投稿action.tsの一部ではありません。

だからあなたのLoadSuccessActionには​​-attirbuteがありません。 public payload: Item。あなたはどのような活字版を使用している

export type Actions = AddBookAction | LoadSuccessAction;