Frontend/React Native
[DongdongMoim] Expo 외부 폰트 적용 오류 - fontFamily “..” is not a system font and has not been loaded through Font.loadAsync.
chelim
2022. 5. 7. 02:59
오랜 구글링 끝에 이 방법으로 위 오류를 해결할 수 있었다. 다른 해결 방법도 많이 시도해봤지만, 해결되는 것은 없었다.
wsl에 아래 명령어를 실행하고, npm install 후 npm start를 해서 다시 앱을 실행했다.
만약 명령어를 실행했는데도 오류는 안 나지만 폰트가 적용되지 않는다면, style에 fontWeight을 정의했는지 봐야 한다. fontWeight을 지정하면 폰트가 적용되지 않는다. 제거해야 한다.
window
rm -rf $TMPDIR/react-* && rm -rf node_modules/ && rm -f package-lock.json && rm -f yarn.lock && npm cache verify && npm install && expo r -c
mac
watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf node_modules/ && rm -f package-lock.json && rm -f yarn.lock && npm cache verify && npm install && expo r -c
※ 출처 및 참고
https://intrepidgeeks.com/tutorial/reactnative-error-fontfamily-error
728x90