javascriptcssangulargitgithub-pages
Deploy Angular Application in GitHub Pages
I have a GitHub pages website that uses a custom domain.
The domain serves a webapp made in Angular but when I access my domain the .js and .css files are not loading and on DevTools/Network I see a 404 Not Found per each .js or .css file I have on the branch assigned to the GitHub pages domain.
Solution
It's a common problem in Angular. When you generate the bundles you need to use:
ng build --prod --base-href ./
to set base-href to the root folder containing the bundles. Or if you already deployed the project just edit index.html and change the base tag to
<base href="./">
More information in the docs.
- Firebase auth: Update (not signed in user) password without use 'sendPasswordResetEmail'
- How do I add a default text to the beginning of an html text area?
- ES2015 import doesn't work (even at top-level) in Firefox
- Can a bi-directional WeakMap lead to a memory leak?
- Set the default value of an input field
- How to force background image to stretch/compress to fit div, without keeping aspect ratio
- My Javascript file won't run because of bigint error
- Using innerHTML with querySelectorAll
- What is Firebase Firestore 'Reference' data type good for?
- SVG: Convert Arcs to Cubic Bezier
- How to open modal located in child component from parent when button clicked?
- Navigation arrows are not showing
- Get week of year in JavaScript like in PHP
- How to show the date picker if I click the parent div after explictly hiding the date type input in React?
- How to disable smart quotes for textarea fields in the browser?
- Access key from child component in vue
- How can I allow document.domain on a sandboxed iframe?
- React Router useNavigate with a useEffect hook - proper way to use?
- Unable to resolve JavaScript File when Building with Astro
- CORS Error: Response to preflight request doesn't pass access control check (Shopify App)
- Append element as sibling after element?
- How to solve FirebaseError: Expected first argument to collection() to be a CollectionReference, a DocumentReference or FirebaseFirestore problem?
- How to create a custom button in react-pdf-viewer?
- In Qualtrics, what can I do to make my with javasectipt embedded HTML text exactly the same as the default text?
- Peak and Flag Codility latest chellange
- React.js: Set innerHTML vs dangerouslySetInnerHTML
- How to merge row cells in TanStack React Table v7 to v8
- How to work with leaflet polyline's context menu
- GEDCOM parser in JavaScript
- jQuery 1.3.2 -using .click()