返回类型不兼容：{providers: EnvironmentProviders[]}无法赋值给Provider[]

错误原因分析 #

你的核心问题是函数返回值类型与声明不匹配，且调用时的展开运算符期望接收数组而非对象：

1. 你声明函数返回Provider[]，但实际返回了一个包含providers数组的对象，类型完全不兼容；
2. 后续修改返回类型为EnvironmentProviders[]依然错误，因为{providers: EnvironmentProviders[]}是一个对象，并非EnvironmentProviders[]数组；
3. provideGoogleAnalytics和provideGoogleAnalyticsRouter的返回值（大概率是EnvironmentProviders或Provider）需要直接作为数组元素返回，而非嵌套在对象中。

具体修复步骤 #

1. 修正函数返回值结构：直接返回 Provider/EnvironmentProviders 数组，而非嵌套在providers属性的对象中；
2. 统一函数类型声明：确保初始赋值和后续重赋值的函数类型一致，避免类型不兼容；
3. 匹配调用场景的展开需求：返回数组后，...googleAnalyticsProviders()才能正确展开到appConfig的providers数组中。

修改后的代码示例 #

// 先统一函数的类型声明，适配实际返回值类型
let googleAnalyticsProviders: (nonce: string | null, gtagId: string) => Array<Provider | EnvironmentProviders> = () => [];

if (Configuration.getEnvironment() !== 'development') {
  // 后续赋值的函数也要保持相同的返回类型
  googleAnalyticsProviders = (nonce, tag) => {
    return [
      // 这里填你的其他 Provider/EnvironmentProviders
    ];
  };
}

// 修正核心的函数返回逻辑：直接返回数组
googleAnalyticsProviders = (nonce, gtagId) => {
  return [
    provideGoogleAnalytics(gtagId, { nonce } as IGoogleAnalyticsOptions),
    provideGoogleAnalyticsRouter()
  ];
};

调用端的适配 #

你的appConfig调用代码无需修改，因为现在googleAnalyticsProviders返回的是数组，...运算符可以正确展开：

export const appConfig = (nonce: string | null, gtagId: string): ApplicationConfig => {
  return {
    providers: [
      ...googleAnalyticsProviders(nonce, gtagId),
      // 其他 providers
    ]
  };
};

额外说明 #

如果provideGoogleAnalytics明确返回EnvironmentProviders，Angular 的ApplicationConfig['providers']本身支持混合传入Provider和EnvironmentProviders，所以无需额外转换，直接放入数组即可。

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