AWS V3 SDK是否兼容React Native？遇TypeError问题求助

错误原因 #

AWS V3 SDK的CognitoIdentityProviderClient默认依赖Node.js原生HTTP客户端模块，但React Native环境不支持这些模块，导致SDK内部调用时出现Cannot read property 'apply' of undefined错误——本质是找不到适配RN环境的HTTP请求处理逻辑。

解决方案 #

需要为SDK配置React Native专用的HTTP请求处理器，步骤如下：

1. 安装依赖包

npm install @aws-sdk/react-native-http-handler @react-native-community/netinfo
# 或使用yarn
yarn add @aws-sdk/react-native-http-handler @react-native-community/netinfo

注：React Native 0.60+版本支持自动链接，无需额外执行link命令；低于0.60版本需手动链接@react-native-community/netinfo。

2. 修改React Native代码的客户端初始化逻辑
   在initializeAuthorizationLogin函数中引入并配置专用处理器：

import {
  AuthFlowType,
  CognitoIdentityProviderClient,
  InitiateAuthCommandInput,
  InitiateAuthCommand,
} from '@aws-sdk/client-cognito-identity-provider';
// 新增导入
import { ReactNativeHttpHandler } from '@aws-sdk/react-native-http-handler';
import NetInfo from '@react-native-community/netinfo';

import React from 'react';
import {
  Button,
  SafeAreaView,
  ScrollView,
  StatusBar,
  Text,
  View,
} from 'react-native';

async function initializeAuthorizationLogin(
  username: string,
  password: string,
) {
  const params: InitiateAuthCommandInput = {
    ClientId: 'theclientid',
    AuthFlow: AuthFlowType.USER_PASSWORD_AUTH,
    AuthParameters: {
      USERNAME: username,
      PASSWORD: password,
    },
  };
  const initiateAuthCommand = new InitiateAuthCommand(params);

  try {
    const region = 'us-east-1';

    // 配置RN专用HTTP处理器
    const cognitoClient = new CognitoIdentityProviderClient({
      region,
      requestHandler: new ReactNativeHttpHandler({
        netInfo: NetInfo,
      }),
    });

    const response = await cognitoClient.send(initiateAuthCommand);
    console.log(response);
  } catch (e) {
    console.log(e);
  }
}

// 其余代码保持不变...

额外说明 #

• Node.js环境下SDK默认使用node:http/node:https模块，无需额外配置即可运行；
• AWS推荐的Amplify是简化对接的工具，但AWS V3 SDK完全可在RN环境使用，只要配置对应适配模块；
• 后续使用其他AWS V3服务客户端（如S3、DynamoDB）时，同样需要配置ReactNativeHttpHandler。

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