如何在 ReactJS 中使用 AWS sdk 的自定义构建？

我在这里对 AWS SDK 进行了自定义构建：

https://sdk.amazonaws.com/builder/js/ https://sdk.amazonaws.com/builder/js/

我找不到任何关于如何在 ReactJS 中使用它的示例。谁能指出我正确的方向吗？

我尝试将其放入我的index.html中

在我的 ReactJS 代码中，将 imoprt 替换为 var：

//import AWS from 'aws-sdk'
var AWS = require('aws-sdk')

但现在我的应用程序甚至不加载 - 仅显示背景图像并且不加载 - Chrome 控制台中的显示绝对为零 - 根本没有消息。

我可以在 Chrome 网络控制台中看到自定义 sdk 版本正在加载，状态为 200，所以看起来没问题。

谁能建议我需要做什么？

thanks

您无法将 AWS 开发工具包的自定义版本导入为模块。您需要将其作为外部 js 文件链接到/public/index.html:

<script src="PATH/TO/YOUR/CUSTOM/aws-sdk-{SDK_VERSION}.min.js"></script>

然后就可以访问全局变量了AWS via window object:

const AWS = window.AWS;

AWS.config.region = "YOUR_BUCKET_REGION";
const bucket = new AWS.S3({
  params: {
    Bucket: "YOUR_BUCKET_NAME"
  }
});

或者，您可以随时使用，而不是链接到自定义 SDK 版本npm install aws-sdk然后将各个 AWS 服务导入为：

const S3 = require("aws-sdk/clients/s3");