Closed deadcoder0904 closed 4 years ago
It also throws an error when I refresh using ⌘R
Unfortunately, I don't have any knowledge about native modules or how they work, so I can't suggest a quick fix unless I really dive into it. If someone else who knows how they work can lend a hand looking into this, I'd be happy to provide more details about Fast Refresh itself.
When you say react-native link
fixes it, are you sure that it's linking that actually helps? Or is it that linking forces a full reload?
It also throws an error when I refresh using ⌘R
What error? Please be specific.
I don't think this has anything to do with Fast Refresh, given that it fails the same way after every hard reload (Cmd+R).
I've confirmed that even if I turn off Fast Refresh, I get the same issue. In fact it stops working at all in that case. Maybe some of these suggestions would help: https://stackoverflow.com/questions/42410354/unrecognized-font-family-on-ios-simulator-with-react-native
Here's a thread about this: https://github.com/oblador/react-native-vector-icons/issues/135
The advice that worked for me was:
build
folder in your ios
project folderreact-native run-ios
From there on, both regular and Fast Refresh worked for me.
Maybe other suggestions in that thread will help you if this one doesn't.
What error? Please be specific.
I get the same error as the title of the issue.
Dan, I'm using https://github.com/callstack/react-native-paper with RN v0.61 & it does give that error.
I made a repro, try that & u'll see there is an actual error → https://github.com/deadcoder0904/FastRefreshError/
Here's a GIF showing the error when I change title
property of Appbar.Content
👇
Hey, @gaearon any reasons why this hasn't opened again?
The above GIF I think indicates it is indeed an error. Try the repro & I believe u should encounter the issue of what I'm trying to say :)
I'm facing the same error. There is also no guide on the React Native websites on how to properly include custom fonts with React Native 61+.
I found a workaround for this issue with adding fonts to Info.plist this code without add reference to fonts :
`
As I wrote above, the error happens without Fast Refresh too. So it’s not correct to refer to it as “Fast Refresh error” like your example does, as far as I understand.
I mentioned earlier that https://github.com/oblador/react-native-vector-icons/issues/135 includes suggestions to fix it. If you’re confident that this is a React Native bug, I can reopen, but I don’t know what this assumption is based on. Because I don’t know how these fonts are supposed to be bundled.
I’ll reopen for RN team to revisit this.
Okay, I'll give it a shot again & will close it if the suggestions fix it :)
any updates ?
Haven’t gotten back into react-native
yet so ya’ll can close it if you want. I’ll re-open if I get the same error again :)
Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.
i've tried to use this font and i got the same error when i tried to call it as ''Bahij TheSansArabic Plain' or "Bahij TheSansArabic SemiBold" but when i call the general name of font without adding the font weight name the error got disappeared
the real issue i faced now that i can not use the bold font, my app now in IOS use "Plain" font only and it can not read the "SemiBold" font
Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.
Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.
React Native version:
Steps To Reproduce
Init a new React Native project & install
react-native-paper
&react-native-vector-icons
& link it usingreact-native-vector-icons
& changeApp.js
to the followingCreate
./components/AppBar.js
with the following contents:Change the
title
property ofAppbar.Content
above to something else. It will stop fast refresh giving an errorUnrecognized font family 'Material Icons'
as it usesreact-native-vector-icons
which I am using is the cause of it all.If I do
react-native link react-native-vector-icons
, then it starts working again. But again if I do change the title, it throws an error.Describe what you expected to happen:
Fast Refresh should work. Or at least add Live Reload.
I think the issue is with any native module. Fast refresh will not work with anything that uses native modules. At least that's my assumption.