Ошибка Mergemap при отправке запроса с сервера

Question

У меня есть приложение angular, и я делаю почтовый запрос с обращением в службу поддержки.

Но получаю ошибку. Но в сервисную службу отправляют заявку. Так что это очень вводящая в заблуждение ошибка.

Это метод, который у меня есть:

sendEcheq(patientId: string) {
    if (this.sendEcheq.length > 0) {

      of(this.echeqsToSend)
        .pipe(
          mergeMap(echeqsToSend =>
            forkJoin(
              echeqsToSend.map((echeqFamily) =>
                this.echeqSubmissionMedicalService.createSubmissionBatch(1,   {
                  echeqFamilies: [
                    echeqFamily.family
                  ],
                  participants: [
                   patientId

                  ]
                }).subscribe(result => {
                  console.log(result);
                })
              )
            )
          )
        )
        .subscribe(
          result => {
            this.dialog.close();
            this.snackBar.open('De vcheq(s) zijn verstuurd', 'Ok');
          },
          error => {
            console.error('Server error when assigning vcheq', error);
            this.snackBar.open('Er ging iets mis bij het opsturen, probeer het later nog een keer', 'Ok');
            this.dialog.close();
          }
        );
    }
  }

Итак, если я выполняю сервисный метод: createSubmissionBatch, он работает. Но я все равно получаю эту ошибку:

echeq-selector.component.ts:89 Server error when assigning vcheq TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable.
    at subscribeTo (subscribeTo.js:41)
    at subscribeToResult (subscribeToResult.js:11)
    at new ForkJoinSubscriber (forkJoin.js:42)
    at Observable._subscribe (forkJoin.js:28)
    at Observable.push../node_modules/rxjs/_esm5/internal/Observable.js.Observable._trySubscribe (Observable.js:43)
    at Observable.push../node_modules/rxjs/_esm5/internal/Observable.js.Observable.subscribe (Observable.js:29)
    at subscribeTo.js:21
    at subscribeToResult (subscribeToResult.js:11)
    at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/mergeMap.js.MergeMapSubscriber._innerSub (mergeMap.js:74)
    at MergeMapSubscriber.push../node_modules/rxjs/_esm5/internal/operators/mergeMap.js.MergeMapSubscriber._tryNext (mergeMap.js:68)

конечно, я сначала погуглил об этой ошибке. Но я нашел только andswares, которые связаны с чем-то еще, например, с этим answare:

TypeError: вы предоставили недопустимый объект там, где ожидался поток. Вы можете предоставить Observable, Promise, Array или Iterable

Answer 1

Вы возвращаете Subscription вместо потока, потому что у вас есть внутренний .subscribe который печатает ваш результат.

Вы должны передать результат в tap вместо этого и распечатайте его там, так как tap не будет изменять возвращаемый поток.

sendEcheq(patientId: string) {
  if (this.sendEcheq.length > 0) {
    of (this.echeqsToSend)
    .pipe(
      mergeMap(echeqsToSend =>
        forkJoin(
          echeqsToSend.map((echeqFamily) =>
              this.echeqSubmissionMedicalService.createSubmissionBatch(1, {
                  echeqFamilies: [
                      echeqFamily.family
                  ],
                  participants: [
                      patientId

                  ]
              }).pipe(
                  tap(result => console.log(reslult))
              )
          )
        )
      )
    ).subscribe(
      result => {
          this.dialog.close();
          this.snackBar.open('De vcheq(s) zijn verstuurd', 'Ok');
      },
      error => {
          console.error('Server error when assigning vcheq', error);
          this.snackBar.open('Er ging iets mis bij het opsturen, probeer het later nog een keer', 'Ok');
          this.dialog.close();
        }
    );
  }
}