Angular 14升级至17后出现‘属性未初始化即使用’错误求助

这个问题本质是Angular 17默认启用了更严格的TypeScript静态检查规则，尤其是strictPropertyInitialization，它会严格校验类属性的初始化顺序。

你当前的代码里，photos$作为类属性，是在构造函数体执行之前就初始化的——虽然构造函数参数里的依赖会被Angular注入，但TypeScript的静态检查无法感知Angular的依赖注入机制，会误判basketStore还未完成初始化。

给你几个可行的解决思路：

• 把属性初始化移到构造函数体内
  调整代码顺序，让依赖注入完成后再初始化photos$，这样TypeScript就能确认依赖已存在：

  photos$: Observable<Product[]>;
  
  constructor(
    private basketStore: Store<{ basket: Product[] }>,
    private Authstate: Store<{ auth: LoggedInUser }>,
    private matSnackBar: MatSnackBar,
    private route: Router
  ) {
    this.photos$ = this.basketStore.pipe(select(basket => basket.basket));
  }
  

• 使用inject函数替代构造函数注入（推荐）
  Angular 14+支持inject函数，可以直接在类属性中注入依赖，TypeScript能正确识别依赖已完成初始化，代码更简洁：

  import { inject } from '@angular/core';
  // ...其他导入
  
  private basketStore = inject(Store<{ basket: Product[] }>);
  private Authstate = inject(Store<{ auth: LoggedInUser }>);
  private matSnackBar = inject(MatSnackBar);
  private route = inject(Router);
  
  photos$ = this.basketStore.pipe(select(basket => basket.basket));
  

• 临时放宽TypeScript检查（不推荐长期使用）
  如果只是想快速绕过错误，可以在tsconfig.json中修改配置：

  {
    "compilerOptions": {
      "strictPropertyInitialization": false
    }
  }
  

  但这样会关闭严格初始化检查，可能埋下其他类型隐患，建议仅作为临时过渡方案。

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