crbug/1173575, non-JS module files deprecated at the time of hosting

[xanderbilla]

Before opening, please confirm:

• I have searched for duplicate or closed issues and discussions.
• 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.

JavaScript Framework

React

Amplify APIs

Not applicable

Amplify Categories

No response

Environment information

# Put output below this line

System:
    OS: Windows 10 10.0.22621
    CPU: (8) x64 Intel(R) Core(TM) i5-9300H CPU @ 2.40GHz
    Memory: 1.45 GB / 7.91 GB
  Binaries:
    Node: 18.15.0 - C:\Program Files\nodejs\node.EXE
    npm: 9.6.1 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.22621.1555.0), Chromium (112.0.1722.64)
    Internet Explorer: 11.0.22621.1
  npmPackages:
    @emotion/react: ^11.10.6 => 11.10.6 
    @emotion/styled: ^11.10.6 => 11.10.6 
    @mui/icons-material: ^5.11.16 => 5.11.16 
    @mui/material: ^5.12.2 => 5.12.2 
    @mui/x-data-grid-generator: ^6.2.1 => 6.2.1 
    @testing-library/jest-dom: ^5.16.5 => 5.16.5
    @testing-library/react: ^13.4.0 => 13.4.0
    @testing-library/user-event: ^13.5.0 => 13.5.0
    react: ^18.2.0 => 18.2.0
    react-dom: ^18.2.0 => 18.2.0
    react-router-dom: ^6.10.0 => 6.10.0
    react-scripts: 5.0.1 => 5.0.1
    web-vitals: ^2.1.4 => 2.1.4
  npmGlobalPackages:
    @aws-amplify/cli: 10.8.1
    json-server: 0.17.3
    npm: 9.6.1
    serverless: 3.30.1

Describe the bug

After hosting the react application everything works good but when I try to browse the web page manually using URL path it return

cbug/1173575, non-JS module files deprecated.

but when I browse that page instaead of typing URL path it works fine.

Also, if the application does not have the Amplify backend, the above issue does not occur.

Expected behavior

Excepected behavior is that if I want to browse by typing the exact path in URL it should work

Reproduction steps

After hosting the web app I just went to URL bar and entered the exact path manually. Example: https://domain.com/login to visit login page of my application and that returned the 404 error on browser and in console it says cbug/1173575, non-JS module files deprecated.

Code Snippet

// Put your code below this line.

Log output

// Put your logs below this line

aws-exports.js

No response

Manual configuration

No response

Additional configuration

No response

Mobile Device

No response

Mobile Operating System

No response

Mobile Browser

No response

Mobile Browser Version

No response

Additional information and screenshots

No response

[nadetastic]

Hi @xanderbilla thank you for opening this issue.

Can you verify what configuration you have on your app for re-writes and redirects as described at the documentation here?

[xanderbilla]

@nadetastic Thank you for your assisting me, and I have verified my rewrite and redirects but there is nothing...I mean there are no redirects and rewrites serving my application.

Seems I have used that SPA (mention by you above) and now it works as expected.

Thanks well I never tried this.

[nadetastic]

@xanderbilla Glad we were able to get this resolved - happy to help 🙂

[github-actions]

⚠️COMMENT VISIBILITY WARNING⚠️

Comments on closed issues are hard for our team to see.
If you need more assistance, please either tag a team member or open a new issue that references this one.
If you wish to keep having a conversation with other community members under this issue feel free to do so.

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.