Not showing data from localStorage Angular App #146475
-
|
I deployed my angular app via Github Pages at first everything worked fine, but when I updated code and pushed again part of app that is connected with localStorage is not showing |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 10 replies
-
|
Yes, this is a common issue when updating Angular applications on GitHub Pages. Here are some solutions that might help resolve the 404 error: Update the base-href: Ensure that the base-href in your index.html file is set correctly. You can do this when building your project with the command: ng build --prod --base-href "https://your-username.github.io/your-repository/" Add a 404.html file: Create a 404.html file in the root of your repository and copy the content of index.html into it. This helps redirect any not found URLs to the main page. Check browser cache: Sometimes, the browser might be using a cached version of the files. Clear your browser cache or open the site in an incognito window to see if the issue persists. GitHub Pages configuration: Verify that the GitHub Pages configuration is correct in your repository. Go to the repository settings, select "Pages," and ensure that the correct branch is selected for publishing. Check file paths: Ensure that all file paths in your project are correct and that the files actually exist in the expected location. |
Beta Was this translation helpful? Give feedback.
-
I’ve got some questions about hosting too. Like, are there limits on how many visitors you can have or how much stuff you can upload? Would be nice to know more about that!" |
Beta Was this translation helpful? Give feedback.
-
|
"It depends on the hosting service you're using. Many free hosting plans have limits, like how many visitors you can have per month, the total storage space, or how much data you can upload. Paid plans usually have fewer restrictions, but it's always a good idea to check the provider's terms to see what's allowed. Let me know which hosting service you're using, and I can try to help more!" |
Beta Was this translation helpful? Give feedback.
-
I'm using Netlify for hosting. Do you know if there are any limits on their free plan? Like, how much traffic it can handle or if there are restrictions on file sizes? |
Beta Was this translation helpful? Give feedback.
-
|
Netlify’s free plan is pretty generous! It allows up to 125k requests per month and 100 GB of bandwidth, which should be enough for small to medium projects. For file uploads, the size limit is usually 10 MB per file. If your project grows and you need more, their paid plans offer higher limits. |
Beta Was this translation helpful? Give feedback.
-
Thanks so much for your help! |
Beta Was this translation helpful? Give feedback.
-
|
💬 Your Product Feedback Has Been Submitted 🎉 Thank you for taking the time to share your insights with us! Your feedback is invaluable as we build a better GitHub experience for all our users. Here's what you can expect moving forward ⏩
Where to look to see what's shipping 👀
What you can do in the meantime 💻
As a member of the GitHub community, your participation is essential. While we can't promise that every suggestion will be implemented, we want to emphasize that your feedback is instrumental in guiding our decisions and priorities. Thank you once again for your contribution to making GitHub even better! We're grateful for your ongoing support and collaboration in shaping the future of our platform. ⭐ |
Beta Was this translation helpful? Give feedback.
Yes, this is a common issue when updating Angular applications on GitHub Pages. Here are some solutions that might help resolve the 404 error:
Update the base-href: Ensure that the base-href in your index.html file is set correctly. You can do this when building your project with the command:
ng build --prod --base-href "https://your-username.github.io/your-repository/"
This ensures that all relative paths are resolved correctly.
Add a 404.html file: Create a 404.html file in the root of your repository and copy the content of index.html into it. This helps redirect any not found URLs to the main page.
Check browser cache: Sometimes, the browser might be using a cached version of the file…