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

Question

我在这里对 AWS 开发工具包进行了自定义构建：

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

我试过把它放在我的 index.html

在我的 ReactJS 代码中用 var 替换了 imoprt：

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

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

我可以在 Chrome 网络控制台中看到自定义 sdk 构建正在加载，状态为 200，所以这似乎没问题。

谁能建议我需要做什么？

谢谢

score 0 · Accepted Answer

您不能将 AWS 开发工具包的自定义构建作为模块导入。您需要将其链接为外部 js 文件/public/index.html：

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

AWS然后，您可以通过window对象访问全局变量：

const AWS = window.AWS;

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

或者，您可以始终npm install aws-sdk将各个 AWS 服务导入为：而不是链接到自定义的 SDK 构建：

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

1 回答 1