Cannot find file './aws-exports' in './src'

Question

I'm on the third module of this AWS tutorial to build a React app with AWS, Amplify and GraphQL but the build keeps breaking. When I ran amplify push --y the CLI generated ./src/aws-exports.js and added the same file to the .gitignore. So I'm not surprised the build is failing, since that file isn't included when I push my changes.

So I'm not sure what to do here. Considering it's automatically added to the .gitignore I'm hesitant to remove it.

Any suggestions?

Answer 1

I'm assuming you are trying to build your app in a CI/CD environment? If that's the case then you need to build the backend part of your amplify app before you can build the frontend component.

For example, my app is building from the AWS amplify console and in my build settings I have

version: 0.1
backend:
  phases:
    build:
      commands:
        - '# Execute Amplify CLI with the helper script'
        - amplifyPush --simple
frontend:
  phases:
    preBuild:
      commands:
        - yarn install --frozen-lockfile
    build:
      commands:
        - yarn build
  artifacts:
    baseDirectory: build
    files:
      - "**/*"
  cache:
    paths:
      - node_modules/**/*

Note that the backend is building first with the amplifyPush --simple command. This is what generates the aws-exports.js file.