Angular登录组件localStorage存token报ts(2339)错误如何解决

Angular项目开发过程中，登录组件执行token写入localStorage逻辑时抛出TS编译错误，相同存储逻辑在注册页面可正常运行，无报错。
触发报错的语句：localStorage.setItem('token',Response.token)
完整报错信息：

Error: Property 'token' does not exist on type 'Object'.ts(2339)

import { Component, OnInit } from '@angular/core';
import { AuthService } from '../auth.service';
@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {
  LoginUserData= { email: '', password:'' };

  constructor( private _auth : AuthService ) { }

  ngOnInit(): void {
  }

  luser()
  {
    this._auth.loginUser(this.LoginUserData)
    .subscribe( Response =>{
      console.log(Response);
      localStorage.setItem('token',Response.token)
    })
  }
}

TS静态类型检查触发报错：loginUser方法返回的Observable默认被推导为Observable<Object>类型，订阅回调中拿到的Response会被标记为通用Object类型，而Object类型的TS定义中不存在token属性，因此编译阶段抛出属性不存在的错误。
注册页相同逻辑不报错，通常是因为注册页对应接口方法显式标注了响应类型，或者回调参数被隐式标记为any类型绕过了检查。

• 快速修复：给订阅回调的响应参数添加any类型标注，绕过类型检查
  修改后订阅逻辑代码如下：

  this._auth.loginUser(this.LoginUserData)
  .subscribe( (Response: any) =>{
    console.log(Response);
    localStorage.setItem('token',Response.token)
  })
  

  也可以使用类型断言写法：(Response as {token: string})，仅声明需要用到的token字段，比直接用any类型更严谨。
  注意：直接使用any类型会丢失TS的类型校验能力，仅适合临时调试使用，正式项目推荐使用规范类型定义的方案修复。
• 规范修复：从接口定义层面补充类型声明，彻底解决类型问题
  1. 先定义登录接口返回值的TS接口：

  // 可放在auth.service.ts或者单独的类型定义文件中
  interface LoginResponse {
    token: string;
    // 可根据接口实际返回内容补充其他字段，例如用户信息、请求状态码等
  }
  

  2. 修改AuthService中loginUser方法的返回值类型，给HttpClient请求添加响应泛型：

  // 示例修改，以post请求为例
  loginUser(userData: {email: string, password: string}): Observable<LoginResponse> {
    return this.http.post<LoginResponse>('你的登录接口地址', userData);
  }
  

  修改完成后，订阅回调中的Response会被自动推导为LoginResponse类型，TS可以识别到存在token属性，报错直接消除，同时还能获得完整的类型提示。

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