NgRx 在創建效果時拋出 'TypeError: undefined is not a non-null object'

Question

我正在使用和學習 Angular 15，我有這個可注射的 class，它創建了一個 NgRx 效果來將數據存儲在 firebase 數據庫中，但它拋出未定義。

constructor(private actions$: Actions, private http: HttpClient) {}

  fetchRecipes = createEffect((): any => {
      this.actions$.pipe(
        ofType(RecipesActions.FETCH_RECIPES),
        switchMap(() => {
          return this.http.get<Recipe[]>
          (
            'https://recipebook-re-default-rtdb.europe-west1.firebasedatabase.app/recipes.json',
          )
        }),
        map(recipes => {
          return recipes.map(recipe => {
            return {
              ...recipe,
              ingredients: recipe.ingredients ? recipe.ingredients : []
            };
          });
        }),
        map(recipes => {
          return new RecipesActions.SetRecipes(recipes);
        })
      );
    });

我是 angular 的初學者，我在一門課程之后做了這個效果，也許課程有點過時並且有些東西已被棄用，但我無法弄清楚。

編輯： GitHub 上的代碼（對不起，無法讓stacblitz工作）

Answer 1

我覺得很愚蠢，問題是我沒有返回this.actions$.pipe()所以它畢竟沒有返回任何東西......

constructor(private actions$: Actions, private http: HttpClient) {}

fetchRecipes = createEffect((): any => {
   return this.actions$.pipe(...)
});