question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

`npm i` not autolinking in RN 0.61.5

See original GitHub issue

Environment

I installed react-native globally so I can do react-native info but react native is not installed globally when I created the app as I use npx react-native init

System:
    OS: macOS Mojave 10.14.6
    CPU: (16) x64 Intel(R) Core(TM) i9-9900K CPU @ 3.60GHz
    Memory: 35.52 MB / 32.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 12.10.0 - /usr/local/bin/node
    npm: 6.13.4 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 12.4, macOS 10.14, tvOS 12.4, watchOS 5.3
    Android SDK:
      API Levels: 28, 29
      Build Tools: 28.0.3, 29.0.2
      System Images: android-28 | Intel x86 Atom_64, android-28 | Google APIs Intel x86 Atom, android-29 | Google APIs Intel x86 Atom
  IDEs:
    Android Studio: 3.4 AI-183.6156.11.34.5692245
    Xcode: 10.3/10G8 - /usr/bin/xcodebuild
  npmPackages:
    react: 16.9.0 => 16.9.0 
    react-native: 0.61.5 => 0.61.5 
  npmGlobalPackages:
    react-native-cli: 2.0.1

Description

Autolinking not working in RN 0.61.5 - I get the error on load of render of Unrecognized font family 'FontAwesome'

Reproducible Demo

Let us know how to reproduce the issue. Include a code sample, share a project, or share an app that reproduces the issue using https://snack.expo.io/. Please follow the guidelines for providing a MCVE: https://stackoverflow.com/help/mcve

  1. npx react-native init icontest
  2. cd icontest
  3. npm i react-native-vector-icons
  4. npx react-native start
  5. npx react-native run-ios
  6. As it loads you will see red screen with this error. Also you see in CLI:
error Could not find the following native modules: RNVectorIcons. Did you forget to run "pod install" ?

If it was autolinked, we wouldn’t need to run pod install right?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:4
  • Comments:38 (1 by maintainers)

github_iconTop GitHub Comments

8reactions
sfs-atulcommented, Jan 20, 2020

Environment

I installed react-native globally so I can do react-native info but react native is not installed globally when I created the app as I use npx react-native init

System:
    OS: macOS Mojave 10.14.6
    CPU: (16) x64 Intel(R) Core(TM) i9-9900K CPU @ 3.60GHz
    Memory: 35.52 MB / 32.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 12.10.0 - /usr/local/bin/node
    npm: 6.13.4 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 12.4, macOS 10.14, tvOS 12.4, watchOS 5.3
    Android SDK:
      API Levels: 28, 29
      Build Tools: 28.0.3, 29.0.2
      System Images: android-28 | Intel x86 Atom_64, android-28 | Google APIs Intel x86 Atom, android-29 | Google APIs Intel x86 Atom
  IDEs:
    Android Studio: 3.4 AI-183.6156.11.34.5692245
    Xcode: 10.3/10G8 - /usr/bin/xcodebuild
  npmPackages:
    react: 16.9.0 => 16.9.0 
    react-native: 0.61.5 => 0.61.5 
  npmGlobalPackages:
    react-native-cli: 2.0.1

Description

Autolinking not working in RN 0.61.5 - I get the error on load of render of Unrecognized font family 'FontAwesome'

Reproducible Demo

Let us know how to reproduce the issue. Include a code sample, share a project, or share an app that reproduces the issue using https://snack.expo.io/. Please follow the guidelines for providing a MCVE: https://stackoverflow.com/help/mcve

  1. npx react-native init icontest
  2. cd icontest
  3. npm i react-native-vector-icons
  4. npx react-native start
  5. npx react-native run-ios
  6. As it loads you will see red screen with this error. Also you see in CLI:
error Could not find the following native modules: RNVectorIcons. Did you forget to run "pod install" ?

If it was autolinked, we wouldn’t need to run pod install right?

Found the solution for iOS, you need to add this into your info.plist <key>UIAppFonts</key> <array> <string>AntDesign.ttf</string> <string>Entypo.ttf</string> <string>EvilIcons.ttf</string> <string>Feather.ttf</string> <string>FontAwesome.ttf</string> <string>FontAwesome5_Brands.ttf</string> <string>FontAwesome5_Regular.ttf</string> <string>FontAwesome5_Solid.ttf</string> <string>Fontisto.ttf</string> <string>Foundation.ttf</string> <string>Ionicons.ttf</string> <string>MaterialCommunityIcons.ttf</string> <string>MaterialIcons.ttf</string> <string>Octicons.ttf</string> <string>Roboto_medium.ttf</string> <string>Roboto.ttf</string> <string>rubicon-icon-font.ttf</string> <string>SimpleLineIcons.ttf</string> <string>Zocial.ttf</string> </array>

for android, you need to add fonts in android/app/src/main/assets folder link to download the fonts : https://drive.google.com/open?id=1eK37W0iN3I0HVdOBwYMyKNs54w-MrLyp

5reactions
sfs-atulcommented, Jan 14, 2020

Same issue, not able to use

react-native-vector-icons

even when I do pod install

Read more comments on GitHub >

github_iconTop Results From Across the Web

React native auto linking issue in Android (RN 0.61.5)
First, you need to try to run react-native unlink netinfo . Once you've unlinked the library you should use cocoapods , not react-native ......
Read more >
0.61.5 - react-native - npm
A framework for building native apps using React. Latest version: 0.70.6, last published: a month ago. Start using react-native in your ...
Read more >
Upgrading React Native from 0.61.5 to 0.62.3 - Medium
Next, run npm install. If you get some problemas, try to remove node_modules folder and run again. Then, go to .gitattributes and add:...
Read more >
[Solved]-React native auto linking issue in Android (RN 0.61.5)
[Solved]-React native auto linking issue in Android (RN 0.61.5)-React Native. Search. score:1. Accepted answer. @Override protected List<ReactPackage> ...
Read more >
Upgrading React Native in a legacy project - Thinslices
As Thomas Edison would put it: we've not failed, we've just found a ... Native gods were merciful and gave us the guide...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found