Angular中login方法报subscribe不存在于void|Observable<User>类型错误

两个报错本质是同一个问题：auth.login方法的返回类型不统一，且TS无法确认变量赋值逻辑覆盖所有分支。

• TS2339：Property 'subscribe' does not exist on type 'void | Observable<User>'：你的login方法有两类返回路径：账号密码匹配时返回Observable<User>，账号不匹配走else分支时返回this.assertNever()的执行结果，从你删除该行后触发新报错可以判断，assertNever()没有返回值（类型为void）。TS推导方法返回值是void | Observable<User>联合类型，联合类型本身不存在subscribe方法，所以调用时报错。
• TS2454：Variable 'userObject' is used before being assigned：你只声明了userObject但没有初始化，TS静态检查无法确认if/else if两个分支一定会命中，会认为存在两个分支都不进入、userObject未赋值就被传入of()的风险，所以报错。

统一login方法所有分支的返回类型为Observable<User>，同时避免跨分支使用未初始化的变量，推荐写法如下：

import { of, throwError } from 'rxjs';
import { tap } from 'rxjs/operators';
// 其余原有import保持不变

login(username: string, password: string): Observable<User> {
  // 普通用户分支
  if (username === 'user' && password === 'user1234') {
    return of({
      name: 'Max Mustermann',
      userRole: 'USER',
    }).pipe(
      tap(user => {
        Storage.set({ key: TOKEN_KEY, value: JSON.stringify(user) });
        this.currentUser.next(user);
      })
    );
  }

  // 管理员分支
  if (username === 'admin' && password === 'admin1234') {
    return of({
      name: 'Erika Mustermann',
      userRole: 'ADMIN',
    }).pipe(
      tap(user => {
        Storage.set({ key: TOKEN_KEY, value: JSON.stringify(user) });
        this.currentUser.next(user);
      })
    );
  }

  // 账号密码不匹配分支，返回错误Observable，保证返回类型统一
  return throwError(() => new Error('用户名或密码错误'));
}

写法说明 #

• 显式标注方法返回类型为Observable<User>，后续如果返回类型不符合，TS会直接在方法定义处提示错误，不会把问题抛到调用位置。
• 每个分支内部直接构造用户对象并返回Observable，不存在跨分支使用变量的问题，从根源避免TS2454报错。
• 错误分支使用throwError返回失败的Observable，符合RxJS的错误处理规范，你后续可以在调用subscribe时增加error回调处理登录失败逻辑，比如弹出提示。

如果要保留原有assertNever的逻辑，需要修改assertNever的返回类型为Observable<never>，同时给userObject设置初始值或添加非空断言，但这种写法可读性差，不推荐使用。

内容的提问来源于stack exchange，提问作者Julian______