尝试在git bash中运行时遇到此问题。 .switchMap未执行并显示错误“错误TS2339:属性'switchMap'在类型'Observable'上不存在”
我使用的代码是:
import { User } from './../classes/user';
import { Injectable } from '@angular/core';
import { Router } from '@angular/router';
import { Observable, of } from 'rxjs';
import { AngularFireAuth } from '@angular/fire/auth';
import { AngularFirestore, AngularFirestoreDocument } from '@angular/fire/firestore';
import { from } from 'rxjs';
@Injectable()
export class AuthService {
public currentUser: Observable<User | null>;
constructor(
private router: Router,
private alertService: AlertService,
private afAuth: AngularFireAuth,
private db: AngularFirestore
) {
this.currentUser = this.afAuth.authState
.switchMap((user) => {
if (user) {
return this.db.doc<User>(`users/${user.uid}`).valueChanges();
} else {
return of(null);
}
});
}
我的rxjs版本是[email protected]最新版本,nodejs版本是v8.12.0请帮助我建立一个聊天网站。
你的问题是在RxJs 6中,观察者不再存在switchMap
(以及许多其他运算符)。相反,你必须使用.pipe()
运算符来管道observable,该运算符接受任意数量的方法并将它们应用于observable。然后导入switchMap
函数以在管道中使用它。
import { switchMap } from 'rxjs/operators';
....
this.currentUser = this.afAuth.authState.pipe(
switchMap((user) => {
if (user) {
return this.db.doc<User>(`users/${user.uid}`).valueChanges();
} else {
return of(null);
})
);
如果您已经习惯了旧的(RxJs 5)行为,并且您希望以这种方式工作,那么有一个名为rxjs-compat
的软件包(使用npm install rxjs-compat
安装它),它允许您使用旧语法的RxJs 6+。
但是,使用较新的语法会有很大的性能和捆绑大小,因为它支持Tree Shaking,所以我不推荐它。
我知道这是一个非常晚的回应,但我得到了类似的错误。对我来说,甚至@Daniel的答案都没有用。我不得不在一个单独的声明中使用管道:
...
this.currentUser = this.afAuth.authState;
this.currentUser.pipe(switchMap(user => {
if (user) {
// logged in, get custom user from Firestore
return this.afs.doc<User>(`users/${user.uid}`).valueChanges()
} else {
// logged out, null
return of(null)
}
}))
除此之外,我遇到了一些麻烦导入switchmap
,of
和Observable
,但设法导入所有导入的:
import { Observable } from 'rxjs';
import { of } from 'rxjs';
import {switchMap} from 'rxjs/operators';
代码工作正常