Angular SSR应用中withHttpTransferCache导入位置及配置问题

• 正确导入路径：@angular/platform-browser
• 注意：该API仅在Angular 17及以上版本可用，低于17的版本不存在此函数，这是导入失败的常见原因。

完整配置示例 #

首先在app.config.ts中导入所需成员：

import { ApplicationConfig, provideClientHydration, withHttpTransferCache } from '@angular/platform-browser';

然后修改appConfig配置：

export const appConfig: ApplicationConfig = {
  providers: [
    provideClientHydration(
      withHttpTransferCache({
        includeRequestsWithAuthHeaders: true,
      })
    ),
  ],
};

常见导入失败原因排查 #

1. 版本过低：升级Angular CLI及核心包到17.x或更高版本
2. 导入路径错误：确保从@angular/platform-browser导入，而非其他模块

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