Vue3+TypeScript使用provide/inject注入全局服务报属性未初始化错误如何解决

该报错由TypeScript的严格类属性初始化校验规则触发：你声明了authService属性为AuthService类型，但没有在类构造函数中显式赋值，TS无法识别@Inject装饰器会在Vue组件实例化阶段自动完成注入赋值，因此抛出类型错误。

以下两种方案均可以保留AuthService类型注解，避免类型丢失：

• 方案1（更符合依赖注入设计，推荐）：使用明确赋值断言符号!，告诉TS该属性会被外部逻辑赋值，无需在构造函数内初始化

@Inject('authService') private authService!: AuthService;

该方案不会额外创建冗余的AuthService实例，完全使用全局provide注入的唯一实例。

• 方案2（你测试可行的方案）：添加默认初始化值兜底

@Inject('authService') private authService = new AuthService()

当provide端没有对应注入值时，会自动使用这个默认实例，不会影响类型校验。

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