FontFamily "Material Design Icons" is not a system font and has not been loaded through Font.loadAsync - react-native

* I am just a student and I am new to expo, react-native and mobile developpement *
So here's what happens
I am building a react-native app using Expo and react-native-paper for my Icon and everything was going fine with my application until I woke up yesterday and Expo started telling me the same error.
I have not load any Font in my app so I really dont understand where this error came from.
What is very interesting is that when I control Save one files of the project on VScode while running, I can see my app like this without the Icon, and when I switch to a different page, the App is replace by the same screen error.
My friend is working on the exact same code and he does not see the error so I am lost ...
App.js look like this
I use my Icon like this
The problem is clearly the icon because my login page work just fine, so I know the problem have somethings with https://materialdesignicons.com/, what should I do ? delete all my icon and recreate them with react-native-elements?
Honestly I just don't get it and I have been stuck on this for several hours and I don't want to lose any more time so here I am asking for help
Thanks guys,
Have a blessed day and stay safe you all

So there is a bug right now using Expo with using custom fonts. Check your node_modules/expo/node_modules folder and delete expo-font if it is there. That has been working for me.
Make sure to delete the expo-font inside the node_modules/expo/node_modules NOT the one in node_modules.
I know you said you are not using custom fonts but maybe it is an issue regardless.
Note: if you run expo install or npm install it will come back so you'll have to delete again.

Related

React Native Expo app shows white screen on TestFlight

I have been building an app in React Native with Expo for the last few months.
I just got accepted as a Apple Developer so now I am trying to publish my app to TestFlight.
Everything seemed to go perfect, the building process passed and I uploaded my app through the Transporter app. Now I have my app installed on my phone but every time I open the app it shows a very short Splash image and then goes to a white screen forever. I've searched every possible solution but can't seem to find anything and I am running out of options.
I checken my app.config.js and my eas.json file and it all seems valid to me. So please, if someone experienced this and knows how to solve this, it would be very helpful!
I was expecting to see my app just like I saw it before, while testing it in the Xcode simulator. I have tried changing my config files but it all seems correct to me.

How to troubleshoot an app after its installed

I just built and installed an android app using expo but upon launching it, the app crashes after the splash screen when it was working just fine when I using expo. I now wonder how am I to fix it when I can't even see where the problem lies.
Is there a way to find out what the problem is ? like some kind of debug=true option or anything else to figure out and fix the issue ?
You can use a 3rd party plugin that does just that like firebase or instabug, these are the 2 that I've used but I'm sure you can find a lot more.

deleted URI but image still shows in react native

Im using react native in vs code and i had a link to a uri and i have remove this from my code entirely. When i refreshed my code the image remained and will not disappear from my screen (android emulator). It was originally in the imageBackground tag. I have tried clearing cache and looked in all my folders for any other link but it doesnt exist anywhere. Ive also rebuilt package, restarted machine etc
Any idea on how to remove this image as i can only presume its being cached somewhere?
Ignore me on this as its now randomly disappeared. Im not sure what happened but it seems to have resolved itself. I believe it was some sort of cache issue

"Unable to resolve module" debuggerWorker errors in recent react-native releases

I keep my project(s) relatively up to date with the latest RN releases. This error seems to be coming up more and more lately.
Error: Unable to resolve module `./debugger-ui/debuggerWorker.d9da4ed7` from ``:
None of these files exist:
* debugger-ui/debuggerWorker.d9da4ed7(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
Really makes it hard when trying to debug issues and a debugger statement does noting and errors are not reported to the browser tab where the console output goes.
I've already tried wiping node_modules. Is this a known issue with a concrete fix available?
Got stuck with this exact issue for hours. Just found that this occurs only on device where app is already installed with debug mode enabled.
I fixed it by:
uninstalling manually app from device (cmd+H to display simulator home) then long click on app icon and click on cross to delete app => this forces disabling debug mode,
then run app again from xcode.
Enabling debug mode after that works normally.
I had to come across a similar issue after updating #react-native-community/cli-debugger-ui to 4.2.1. Tried out several methods, nothing worked. Reverting #react-native-community/cli-debugger-ui back to 3.0.0 resolved the issue for me.
I closed the app (pressing home twice and swiping up), then started it again from the simulator and it worked.
Happens to me recently using expo and android.
The solution was to clear all Expo Go data:
Long press the Expo go icon
Then select App info
At the bottom of the screen, press Clear Data
And press Clear all data
Relaunch expo go and the react native app

Application stuck at "Powered by Titanium screen"

I'm trying to run an app made on Titanium in my cellphone. At first it was working fine, until i decided to debug my code. After that whenever i try to run it on my cellphone, it gets stuck # the powered by titanium screen (that red one).
I tried to delete my build folder as some people said after a bit o research but it won't work.
How can i solve this?
What I would try to do is:
clean the project (it also deletes the build folder, but I think it also cleans some more stuff in there).
when the app starts try to set an alert in app.js as the first thing - see if this alert shows, and if it does - move it to the next step until you find a place where it is no longer shown which might indicate that this is where you problem is.
Look at the device logs - if it's an android device open ddms and look at the logs while you run the app - see if anything pops up. If it's an iPhone on xCode you have some sort of console viewer for the phone (sorry - can't remember the name right now).
make sure you are not still running under debug mode.
BTW - you didn't mention if it happens on iPhone or Android? does it happens on the simulator as well?
I was having the same issue. From digging through Appcelerator's Jira I found we weren't alone, and also got a workaround that allows us to get past the splash screen. Check to see if there is a deploy.json file located in your application's directory on the device. If so delete it!
Here is more info on the issue https://jira.appcelerator.org/browse/TIMOB-16086.
It's rated as a high priority to be corrected for the 3.3.0 SDK release.