Blank Page When Hosting React Vite TS Project on AWS Amplify

[fragtex-eth]

I am trying to host my React app (using Vite and TypeScript) on AWS Amplify, but the page returns completely blank. After checking the browser's console, I noticed the following error:

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec

The app works when I build and run it locally

Here’s the amplify.yml configuration I’m using:

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - npm ci --legacy-peer-deps
    build:
      commands:
        - npm run build
  artifacts:
    baseDirectory: dist
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

Any help would be much appreciated!

[fragtex-eth]

Fix: For those wondering: I had the same route in React Router pointing to different pages
The issue occurred because I had a dynamic route like /:param, which conflicted with an existing sitemap.xml in my public folder. Since the dynamic route was catching all URLs, it intercepted also requests to /sitemap.xml and somehow caused this error.