Angular Http Interceptor - fromPromise 错误 - TypeError: (0 , x.fromPromise) 不是函数

Question

我正在使用下面的函数将 recaptcha v3 附加到 Http 请求。

@Injectable()
export class RecaptchaInterceptor implements HttpInterceptor {
constructor(private recaptchaService: ReCaptchaService) { }

intercept(httpRequest: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {    
  return fromPromise(this.recaptchaService.execute({ action: 'login' }))
    .pipe(switchMap(token => {
      const headers = httpRequest.headers
        .set('recaptcha', token)
      const reqClone = httpRequest.clone({
        headers
      });
      return next.handle(reqClone);
    }));
}

在 localhost 中可以正常工作，但由于某些原因在发布后我收到以下错误：

Uncaught (in promise): TypeError: (0 , x.fromPromise) is not a function TypeError: (0 , x.fromPromise) 不是函数

接下来我可以尝试什么？

Answer 1

你可以使用 from 而不是 fromPromise 因为我认为你使用的是 rxjs 6+

import { from } from 'rxjs';

...
return from(this.recaptchaService.execute({ action: 'login' }))