React Native集成Amplify报错:找不到aws-exports文件如何解决?
React Native Amplify项目aws-exports模块无法解析排查方案
报错的核心原因是App.js中引用的相对路径下不存在aws-exports.js配置文件,按以下顺序排查即可:
- 第一步:确认amplify init流程执行完成
正常情况下amplify init执行全程无中断、所有配置项确认完成后,才会自动生成aws-exports.js文件。如果init过程中退出、报错终止,都不会生成该文件。
解决方法:重新执行amplify init,注意配置到Source Directory Path项时,确认填写的路径是App.js所在的目录,你的项目App.js在根目录,直接填.即可,不要填默认的src,否则配置文件会生成到src目录下,根目录的App.js自然无法找到。 - 第二步:核对配置文件路径
先在项目全局搜索aws-exports.js,确认文件实际存放的位置:- 如果文件在src目录下,把导入语句改成
import config from './src/aws-exports'即可 - 如果全局搜索不到该文件,说明确实没有生成,回到第一步重新执行amplify init
- 如果文件在src目录下,把导入语句改成
- 第三步:同步云端配置恢复文件
如果你是从Git仓库拉取的项目,aws-exports.js默认会被Amplify加入.gitignore规则,不会提交到仓库,本地自然没有该文件。
解决方法:执行amplify pull同步你对应的Amplify云端项目配置,执行完成后会自动生成aws-exports.js文件。 - 第四步:清理Metro缓存
确认文件存在、导入路径正确还是报同样错误的话,是React Native的Metro打包缓存问题,执行以下命令清理缓存重启项目即可:
要是清理缓存后还是报错,可以删除node_modules目录和package-lock.json文件,重新执行npx expo start --clearnpm install安装依赖后再启动项目。
内容的提问来源于stack exchange,提问作者Masi
相关产品推荐
相关产品推荐

