React Native真机运行测试遇TimeoutError，求助aws-sdk解决方法

我之前碰到过一模一样的问题，当时也是在老版本React Native里用aws-sdk卡了这个TimeoutError: transforming ..\node_modules\aws-sdk\dist\aws-sdk-react-native.js错误，本质原因是这个aws-sdk的React Native打包文件太大，而你用的RN 0.45.1的Transformer处理大文件的性能和超时阈值都不够。给你几个亲测有效的解决办法：

方法1：延长Transformer的超时时间 #

这是最直接的临时解决办法，给Transformer足够的时间处理大文件：

• 在项目根目录新建或修改rn-cli.config.js文件，添加以下配置：

module.exports = {
  transformer: {
    transformTimeout: 120000, // 把超时时间改成120秒（默认一般是30秒）
    maxWorkers: 2 // 可以根据你的CPU核心数调整，比如4核就设为2或3
  }
};

修改完成后，重启Metro服务器（react-native start --reset-cache），应该就能正常编译了。

方法2：使用轻量化的AWS SDK模块 #

完整的aws-sdk包包含了所有AWS服务的代码，体积超大，其实你大概率只用到其中几个服务。可以只引入需要的单独模块，大幅减少需要转换的文件大小：
比如你只用S3服务，就这么写：

import S3 from 'aws-sdk/clients/s3';

const s3Client = new S3({
  accessKeyId: '你的accessKey',
  secretAccessKey: '你的secretKey',
  region: '你的区域'
});

这样引入的文件体积只有完整包的几分之一，Transformer处理起来毫无压力，从根源解决超时问题。

方法3：升级React Native版本（如果可行） #

RN 0.45.1是2017年的老版本了，后续的RN版本（比如0.60+）对Transformer做了大量性能优化，默认的超时时间也更长，升级后大概率不会再遇到这个问题。不过升级要注意：

• 检查你的第三方依赖是否兼容新版本RN
• 可能需要调整项目的配置（比如从旧的链接方式改成自动链接）

额外小技巧 #

如果以上方法还不行，试试清理Metro缓存：

react-native start --reset-cache

有时候缓存的旧文件会导致编译异常，清理后再重新编译可能会有惊喜。

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