React JS复用现有AWS Amplify后端，缺失GraphQL客户端文件夹如何解决

你执行amplify pull仅会同步后端配置资源，不会自动生成前端使用的GraphQL查询、变更代码片段，需要手动执行代码生成命令获取对应文件夹：

• 第一步：先校验后端同步状态，执行以下命令确认GraphQL API已正常同步到本地

amplify status

• 第二步：首次生成时执行代码生成配置命令

amplify codegen add

按照交互提示选择对应GraphQL API、前端框架为React、代码生成语言为JavaScript，设置生成路径（默认会生成在src/graphql目录下），按需选择是否生成TypeScript类型定义、是否自动生成全量的queries/mutations/subscriptions代码。
如果之前已经配置过codegen规则，直接执行生成命令即可：

amplify codegen

• 第三步：验证生成结果，进入你设置的生成路径（默认src/graphql）即可看到生成好的queries.js、mutations.js、subscriptions.js文件，直接导入即可配合Amplify API模块调用拉取数据。

注意事项 #

• 后续如果后端GraphQL Schema有更新，执行amplify pull同步后需要重新运行amplify codegen更新本地的查询代码
• 若执行codegen时提示未找到对应API，请先确认根目录下的aws-exports.js或amplifyconfiguration.json文件中存在GraphQL API的相关配置。

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