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?
SamO
June 30, 2023, 7:58pm
7
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.
Last reviewed by Netlify Support - August, 2023
Netlify attempts to lookup a file based on several xor filters, and when all of these fail, we end up serving a 404 page. For example, a request made to /example/ would check /example/index.html, /example.html, /example/home.html and several other combinations (not necessarily in the same order) before hitting the 404. However, in case you were not expecting a 404 at a particular URL, you might be interested in finding out the reason and potentia…
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
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
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!