I am learning to build a PWA. I am currently working on an extremely beginner stuff. I successfully completed all the basic and required steps to make my webpage a compatible PWA. But i am getting 'Manifest doesn't have a maskable icon issue' again and again and not able to understand how to solve it. Attaching a screenshot of the issue below.
It would be great if I can get some help on this.
tried building the project over again but that didn't work.
Related
I was developing an add-on for bigcommerce and i'm using cornerstone theme. Created custom template and mapped custom JavaScript module for it. However the case is, it's working fine on live store(Loading Data) when pushed. While it's not working on localhost. I searched and found only one thing related to it here. But it's not answered yet. So i was thinking if anyone has any work around for it. I'm using windows 10.
I am using Angular 1.7.2 in a project i'm working on. (I prefer Angular 1.x)
I am doing the bootstrap process manually (because i'm adding scripts programmatically).
But, I am having 2 issues with the manual bootstrap process.
I have to use a setTimeout, else the bootstrap never works. And my problem with this is, the more files I add to my project, the longer i have to make the timeout.
Sometimes when I load my web page or refresh the site, not all my components are loaded. If i monitor the network traffic, i can sometimes see that the html files are not retrieved at all. And there are no errors in the console or anything.
It seems to me there must be something happening in the angular.boostrap process that is failing or getting stuck, but i can't figure it out.
For my first issue, why is the setTimeout required, is there a way to not need this?
Second, why does my site not load sometimes?
Could it be related to the OS locking the files temporarily because of all the source control, anti-virus, other services running on my computer? If so, how can i tell?
I put together a test project with relevant code here on github
I previously thought this was related to the routing, but it's not (see here), But it seems not related to angular-routing after all.
Any information would be much appreciated, this is driving me mad.
Update 1:
I have the code running here on github pages.
Best chance to replicate issue is to use google chrome, enter url, open dev tools (f12), then actually load url. Sometimes, the page doesn't load completely.
I have updated the test website to better reflect my project where I add scripts dynamically.
I think i found the solution thanks to a comment by igor
I moved my app.route.js file to be loaded before any of my angular component and directives and from what I can tell this solves my problem.
I will update the linked sample project too
My project uses mainly html,css, javascript and the google api.
I’m having trouble with the images not showing up at my project (maybe there is a problem with the service worker?) and the drop down menus of neighborhoods and cuisines also don’t work.
Pls comment if you find something wrong or have any ideas that will help
Here’s my github repo:https://github.com/MariaMich/mws-restaurant-stage-1
Recently I got a project where I had to make some changes in a Wordpress website with some customized theme (Besocial + BBpress) and custom coding. Now, I have almost done all changes but there is a strange bug/error where login and register functionality sometimes work as intended and sometimes it doesn't. Also, after login, user has to be redirected to a News Feed (much like Facebook) but that too sometimes work and sometimes doesn't. I am not being able to find what is the error or bug. Can you please suggest something to make my process easier? The project is already delayed for 2 weeks.
Thanks, any help appreciated :)
a)open website in private window, see if issue is still their, if not than delete browser cookies.
b)Deactivate plugins and check the issue.
c)Check by changing the theme.
d)Reset Permalinks
e)check your .htaccess
By doing these thing you will know from where issue is coming.
I would love to be able to use Ionic's collect-repeat directive, however the entire Ionic bundle is not suitable for the solution I am developing.
I am trying to strip the code I need to implement it in a web app, however it's looking like an awful lot of code to get one directive working.
Has anyone come across a similar solution without using Ionic or has successfully implemented collect-repeat from Ionic without using the entire bundle?
Any advice would be great!
Thanks