Angular page not found with localization

I am trying to deploy a staging website but everytime I deploy it it gives me the 404 page not found message.

I have websites working but they did not use localization and with this site, we used localization.

Maybe I cant find it but is there someething different I should do when using localization?

the website is written in angular and this is the link:
https://hibera-staging.netlify.app/

I’m seeing this in your build logs: Deploy details | Deploys | hibera-staging | Netlify

No build steps found, continuing to publishing

Are you hosting the pre-built website on GitHub? If not, you might need to configure your build settings correctly.

I build the website before I push to github because when I added the build steps in netlify, it didnt seem to add the index.html for some reason.

This is your site’s structure:

/en-us/_redirects
/en-us/styles.388112c8b0348921.css
/en-us/favicon.ico
/en-us/assets/img/icons/icons8-switch-host-50.png
/en-us/assets/img/icons/icons8-online-maintenance-portal-50.png
/en-us/assets/img/svg/animations/logo/color-in-once.svg
/en-us/assets/img/icons/icons8-switch-host-100.png
/en-us/assets/img/svg/animations/logo/color-in.svg
/en-us/runtime.685028673d831495.js
/en-us/assets/img/icons/icons8-cloud-hosting-64.png
/en-us/assets/img/svg/software-development-programming-program-code-laptop-screen/license premium.txt
/en-us/assets/img/icons/icons8-web-design-64 (1).png
/en-us/assets/img/icons/icons8-online-maintenance-portal-100.png
/en-us/assets/img/svg/software-development-programming-program-code-laptop-screen/license free.txt
/en-us/assets/img/icons/icons8-cart-64.png
/en-us/assets/img/svg/animations/logo/fadein-long-once.svg
/en-us/assets/img/svg/animations/logo/fadein-once.svg
/en-us/assets/img/svg/animations/logo/fadein-long.svg
/en-us/assets/img/svg/animations/logo/fadein.svg
/en-us/assets/img/svg/animations/logo/bounce-once.svg
/en-us/assets/img/svg/animations/logo/bounce.svg
/en-us/assets/img/icons/icons8-mobile-app-64 (1).png
/en-us/assets/img/svg/animations/logo/squiggly-once.svg
/en-us/assets/img/svg/animations/logo/squiggly.svg
/en-us/assets/img/brand/white-transparent.png
/en-us/assets/img/icons/icons8-automation-50.png
/en-us/assets/img/svg/animations/logo/stroke-in-once.svg
/en-us/assets/img/svg/animations/logo/stroke-in.svg
/en-us/assets/img/icons/icons8-mobile-app-64.png
/en-us/assets/img/svg/animations/logo/pulse-once.svg
/en-us/assets/img/svg/animations/logo/pulse.svg
/en-us/assets/img/svg/animations/logo/write-in-once.svg
/en-us/assets/img/svg/animations/logo/write-in.svg
/en-us/assets/img/svg/animations/logo/blob2-once.svg
/en-us/assets/img/svg/animations/logo/blob2.svg
/en-us/assets/img/svg/animations/logo/bevel-anim-once.svg
/en-us/assets/img/svg/animations/logo/bevel-anim.svg
/en-us/assets/img/svg/animations/logo/plasma-anim.svg
/en-us/assets/img/icons/icons8-maintenance-96.png
/en-us/assets/img/svg/animations/logo/glitch-once.svg
/en-us/assets/img/svg/animations/logo/glitch.svg
/en-us/assets/img/svg/animations/logo/shadow-hover-once.svg
/en-us/assets/img/svg/animations/logo/shadow-hover.svg
/en-us/assets/img/svg/animations/logo/electric-anim-once.svg
/en-us/assets/img/svg/animations/logo/electric-anim.svg
/en-us/assets/img/brandassets/gold.png
/en-us/assets/img/brandassets/blue.png
/en-us/assets/img/svg/animations/logo/chrome-anim-once.svg
/en-us/assets/img/svg/animations/logo/chrome-anim.svg
/en-us/assets/img/svg/animations/logo/wipe-in-smooth-once.svg
/en-us/assets/img/svg/animations/logo/wipe-in-once.svg
/en-us/assets/img/svg/animations/logo/wipe-in-smooth.svg
/en-us/assets/img/svg/animations/logo/blinds-in-once.svg
/en-us/assets/img/svg/animations/logo/wipe-in.svg
/en-us/assets/img/svg/animations/logo/blinds-in.svg
/en-us/assets/img/svg/animations/logo/chrome3-anim-once.svg
/en-us/assets/img/svg/animations/logo/blob-once.svg
/en-us/assets/img/svg/animations/logo/electric-intro-once.svg
/en-us/assets/img/svg/animations/logo/chrome3-anim.svg
/en-us/assets/img/svg/animations/logo/blob.svg
/en-us/assets/img/svg/animations/logo/electric-intro.svg
/en-us/assets/img/svg/animations/logo/electric-intro-2-once.svg
/en-us/assets/img/svg/animations/logo/electric-intro-2.svg
/en-us/assets/img/svg/animations/logo/chrome2-anim-once.svg
/en-us/assets/img/svg/animations/logo/chrome2-anim.svg
/en-us/assets/img/svg/animations/logo/stroke-in-2-once.svg
/en-us/assets/img/svg/animations/logo/chrome4-anim-once.svg
/en-us/assets/img/svg/animations/logo/chrome4-anim.svg
/en-us/assets/img/svg/animations/logo/stroke-in-2.svg
/en-us/assets/img/icons/icons8-automation-100.png
/en-us/assets/img/svg/animations/logo/neon2-anim-once.svg
/en-us/assets/img/svg/animations/logo/neon2-anim.svg
/en-us/assets/img/svg/animations/logo/blackboard-anim-once.svg
/en-us/assets/img/svg/animations/logo/blackboard-anim.svg
/en-us/assets/img/svg/undraw_progressive_app_m-9-ms.svg
/en-us/assets/img/drawings/maintenance.svg
/en-us/assets/img/svg/drawings/maintenance.svg
/en-us/assets/img/svg/animations/logo/bubbles-once.svg
/en-us/assets/img/drawings/hosting.svg
/en-us/assets/img/svg/animations/logo/bubbles.svg
/en-us/assets/img/brand/black.png
/en-us/assets/img/brandassets/black.png
/en-us/assets/img/brand/white.png
/en-us/assets/img/brandassets/white.png
/en-us/assets/img/drawings/process_automations.svg
/en-us/assets/img/svg/drawings/process_automations.svg
/en-us/assets/img/svg/drawings/ecommerce.svg
/en-us/assets/img/drawings/ecommerce.svg
/en-us/3rdpartylicenses.txt
/en-us/assets/img/drawings/mobile_dev.svg
/en-us/assets/img/svg/drawings/mobile_dev.svg
/en-us/index.html
/en-us/assets/img/drawings/web_design.svg
/en-us/assets/img/svg/drawings/web_design.svg
/en-us/assets/img/svg/drawings/hosting.svg
/en-us/assets/img/drawings/undraw_programming_re_kg9v.svg
/en-us/polyfills.4e6b5bf8434b85cd.js
/en-us/assets/img/clients/boatshare.jpg
/en-us/assets/img/clients/adhlogo.jpg
/en-us/assets/img/brand/brandmark-design (1).png
/en-us/assets/img/brand/brandmark-design (6).png
/en-us/assets/img/brand/brandmark-design.png
/en-us/assets/img/brand/brandmark-design (2).png
/en-us/assets/img/brand/brandmark-design (3).png
/en-us/assets/img/brand/brandmark-design (4).png
/en-us/assets/img/brand/under construction.png
/en-us/assets/img/brand/brandmark-design (5).png
/en-us/main.57d8ff49787f3acb.js
/en-us/assets/img/mockups/iphone17c.png
/en-us/assets/img/mockups/iphone18c.png
/en-us/assets/img/mockups/iphone17b.png
/en-us/assets/img/mockups/iphone15c.png
/en-us/assets/img/mockups/iphone18b.png
/en-us/assets/img/mockups/iphone15a.png
/en-us/assets/img/mockups/iphone14a.png
/en-us/assets/img/mockups/iphone19c.png
/en-us/assets/img/mockups/iphone14c.png
/en-us/assets/img/mockups/iphone19b.png
/en-us/assets/img/mockups/iphone15b.png
/en-us/assets/img/mockups/iphone19a.png
/en-us/assets/img/mockups/iphone18a.png
/en-us/assets/img/mockups/iphone14b.png
/en-us/assets/img/mockups/iphone20c.png
/en-us/assets/img/mockups/iphone17a.png
/en-us/assets/img/mockups/iphone20b.png
/en-us/assets/img/mockups/iphone21c.png
/en-us/assets/img/mockups/iphone21b.png
/en-us/assets/img/mockups/iphone20a.png
/en-us/assets/img/mockups/iphone21a.png
/en-us/assets/img/mockups/iphone16c.png
/en-us/assets/img/mockups/iphone16a.png
/en-us/assets/img/mockups/iphone16b.png
/en-us/assets/img/svg/software-development-programming-program-code-laptop-screen/367.jpg
/en-us/assets/img/svg/software-development-programming-program-code-laptop-screen/367.svg
/en-us/assets/img/svg/reshot-illustration-future-technology-intelligence-4ud5kjtrva.eps

Everything seems to be inside en-us folder. Please set the base path in site build settings accordingly.

I tried that, but all was blank.

And how would that work when I have a second language, I wouldnt be able to make the base folder eng-us right?

Hi, when you say all was blank you mean the page? From my understanding you can set the base path in whatever language you please you should just tell Netlify where to build.

This guide below dives into more detail.

Hi, thanks for your reply!

I indeed mean the page is blank when I change my directory to the language.

I’ve read the guide but it unfortunately did not help me any further :confused:

What’s your directory structre when you build the app locally? Could you share that? Additionally, a minimal reproduction would also be useful.

Excuse me for my delayed reply!

I have found out that these are the errors in the console:

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.
polyfills.4e6b5bf8434b85cd.js:1 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.
main.d773620250e612f2.js:1 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

I’m not entirely sure how to reproduce this issue :sweat_smile:

Could you please answer these questions:

Forgive me for my delayed message!

I decided to let it go and to make it a problem for a later stage.

Thanks for your help tho!