Unable to resolve "./aws-exports" from "App.js"

Question

I have been building an app with awsamplify for quite some time now. Today I descided to run some test and when I did

npm run start-web

Everythin worked fine. Now I went on to run mobile test with the use of Expo and ran

npm run ios & npm run android

which both returned the following errors.

Unable to resolve "./aws-exports" from "App.js"

Building JavaScript bundle: error

my problem is similar to the one below just its amplify and not awsmobile

https://github.com/aws-amplify/amplify-js/issues/669

Deos anyone know what I can do to resolve this?

Thanks alot!

I jsut removed some unused imports and the error changed to this

Unable to resolve "@aws-amplify/ui/dist/style.css" from "node_modules\aws-amplify-react\dist\Amplify-UI\Amplify-UI-Components-React.js"

Answer 1

Barely mentioned in the AWS docs:

• For setting up a local dev folder, from an existing amplify repo, use an amplify env pull,

  It will "pull" the ./aws-exports.js from the server, the latest one that was pushed there, similar to git push and git pull but for the amplify env

• It's true that an amplify push will create the ./aws-exports.js file, but it will also "push" it to the server, overwriting whatever is there.

• amplify status is also a handy command, similar to git status

Answer 2

I ran amplify env pull and then found it in the ./src/aws-exports.js

not sure if the pull did it, or if it was always there but this is for an existing expo project