I have created an app using @reduxjs/toolkit and redux-persist libraries. You can check my github repo here => GitHub - ahmettulutas/MemeGeneratorV2: New Version of my MemeGenerator project. It utilizes reduxjs/toolkit, react-router-dom v6 and redux-persist.. I deployed it on netlify. Everything seemed to work fine on my computer but when I tried to use this netlify website https://memegeneratorv2.netlify.app/ it doesn’t fetches the api so the content is always in the loading state. Can’t figure out what happens here. Any ideas?
Welcome to the forums @ahmetulutas
This has nothing to do with desktop vs mobile I don’t believe as it doesn’t work on Firefox desktop for me.
This is what I see in the browser even after waiting a few minutes
And this is what is in the console
I really appreciate your interest. What seems to be the problem here? Do I need to provide favicon or a logo? I removed that lottie-player animations and pushed the website again. Happened to have the same problem
Can you tell what build command you are using?
Is it
npm run build
or
CI= npm run build
and are there any warnings/error in the Netlify deploy log?
1 Like
I am using CI = npm run build. And no there is no warning. Just react-hooks has a missing dependency error. I don’t think it might be the problem,though.
Remember that CI= npm run build will build regardless of any warnings.
No, I don’t believe this missing dependency has any bearing on things.
Running your code locally does not work for me.
and I have inspected my mobile website by connecting it to my computer. on devtools this error logs to the console => GET https://memegeneratorv2.netlify.app/manifest.json 404
I got it worked locally. and It works as it is expected on different computer browsers.
I really appreciate your interest. I have added manifes.json file too. However, the problem isn’t solved. I also checked my previous deploys and none of them has manifest.json, they still work perfectly.
I solved out my problem. Apparently my redux-persist prevents api dispatch from triggering since I misdesigned conditional in useEffect it has nothing to do with netlify or mobile devices. My poor attention and misinterpreting of redux-persist. Sorry to take your time. I really appreciate your efforts. Stay healthy and have a good day !
2 Likes