AWS amplify React Web App deploy completes successfully but error 404 on access to website

[MoDaCoder]

Before opening, please confirm:

• I have checked the custom domains troubleshooting guide.
• I have read the guide for submitting bug reports.
• I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.

App Id

d34nndegsdx4fm

Region

us-east-1

Step

Deployment

Status

Deployment successful

Issue or question

I deploy my react app and the build is successful but when I click on the domain link it sends me to a 404 error page.
Can someone help me fix this and explain how to prevent it from it happening in the future please.

Error message

This main.d34nndegsdx4fm.amplifyapp.com page can’t be found No webpage was found for the web address: https://main.d34nndegsdx4fm.amplifyapp.com/
HTTP ERROR 404

Additional information

Here is my package.json file code

{
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
  },
  "name": "martinez-autobody-react",
  "version": "0.1.0",
  "homepage": "https://main.d34nndegsdx4fm.amplifyapp.com/",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.17.0",
    "@testing-library/react": "^13.4.0",
    "@testing-library/user-event": "^13.5.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-scripts": "^5.0.1",
    "web-vitals": "^2.1.4"
  }
}

[revupai]

Hi, Were you able to resolve this issue?

[saranya-sreedharan]

I am facing the same issue. Has anyone been able to resolve it?

[saranya-sreedharan]

That issue resolved. Just clear the catche and try again that's only required

[MoDaCoder]

I tried clearing the cache but it didn't do anything.
Do you know of any other things that might work?

[MoDaCoder]

Hi, Were you able to resolve this issue?

No I haven't been able to resolve it yet.

[Jay2113]

Hi @MoDaCoder 👋 , thanks for reaching out. I observed that your Amplify app d34nndegsdx4fm has been deleted.

If the issue persists or resurfaces, I would highly recommend reviewing the baseDirectory attribute in your build specification file i.e. amplify.yml file to see if it is accurate. This directory contains the build artifacts of your app and a 404 error can occur if the artifacts are not present under the specified baseDirectory.

You can refer to this documentation to learn more about the build specification attributes: https://docs.aws.amazon.com/amplify/latest/userguide/build-settings.html#yml-specification-syntax.

[github-actions]

This issue is now closed. Comments on closed issues are hard for our team to see.
If you need more assistance, please open a new issue that references this one.

[github-actions]

This issue has been automatically locked.