如何将 React（使用 Solidity 智能合约）部署到 S3 而不会出错答案

【问题标题】：How to deploy React (with solidity smart contracts) to S3 without error如何将 React（使用 Solidity 智能合约）部署到 S3 而不会出错
【发布时间】：2021-10-02 02:08:39
【问题描述】：

所以我们用前端的 React 和 Solidity 编写了一个 Dapp 来编写智能合约。智能合约部署在 infura 多边形测试网中。现在我们想将 S3 部署到 Amazon S3，但是当我们尝试时出现错误。错误是：

正在创建优化的生产版本... 254编译失败。 255256./src/components/MarketPlace/MarketPlace.js 257在“./src/components/MarketPlace”中找不到文件“../artifacts/MillMarket”。 258259260npm 错误！代码 ELIFECYCLE 261npm 错误！错误号 1 262npm 错误！百万美元@0.1.0 构建：npm run build:css && react-scripts build 263npm 错误！退出状态 1 264npm ERR！ 265npm 错误！失败了百万美元@0.1.0 构建脚本。 266npm 错误！这可能不是一个 npm 的问题。上面可能有额外的日志输出。 267268npm 错误！可以在以下位置找到此运行的完整日志：269npm ERR！ /root/.npm/_logs/2021-10-01T12_32_04_354Z-debug.log 270271[容器] 2021/10/01 12:32:04 命令没有成功退出 npm run build 退出状态 1 272[Container] 2021/10/01 12:32:04 阶段完成：BUILD 状态：FAILED 273[Container] 2021/10/01 12:32:04 阶段上下文状态代码：COMMAND_EXECUTION_ERROR 消息：执行命令时出错： npm 运行构建。原因：退出状态1274[容器] 2021/10/01 12:32:04 进入阶段 POST_BUILD275[Container] 2021/10/01 12:32:04 Phase 完成：POST_BUILD 状态：SUCCEEDED 276 [容器] 2021/10/01 12:32:04 阶段上下文状态码：消息：277[Container] 2021/10/01 12:32:04 扩展基础目录路径：build 278[Container] 2021/10/01 12:32:04 组装文件列表 279[容器] 2021/10/01 12:32:04 扩展构建 280[容器] 2021/10/01 12:32:04 扩展基目录构建的文件路径 281 [容器] 2021/10/01 12:32:04 组装文件列表 282[Container] 2021/10/01 12:32:04 展开 */ 283[容器] 2021/10/01 12:32:04 找到 8 个文件 284[容器] 2021/10/01 12:32:04 阶段完成：UPLOAD_ARTIFACTS 状态：SUCCEEDED 285[容器] 2021/10/01 12:32:04 阶段上下文状态代码：消息： 286

知道我能做些什么来解决这个问题吗？我认为“Cannot find file '../artifacts/MillMarket' in './src/components/MarketPlace'”部分错误是破坏部署的原因。我感觉 Create React App 由于某种原因在构建文件中缺少 artifacts 文件夹，但我不确定。卡了 2 天。

谢谢！

【问题讨论】：

标签： reactjs amazon-s3 ethereum solidity aws-codepipeline

【解决方案1】：

您需要使用 Hardhat 或 Remix Ide 重新编译智能合约并将缺少的“.JSON”文件（工件）提供给 ReactJS 应用程序

 npx hardhat compile

https://hardhat.org/guides/compile-contracts.html

【讨论】：

【解决方案2】：

合同“工件”目录很可能在 gitignore 中。
如果是这种情况，您可以从 gitignore 中删除“工件”（这可能会弄乱您的存储库）或将所有相关工件放在一个目录中并将它们从上述目录导入您的前端页面。

【讨论】：