react-native-maps 사용하려고하면 AIRMap이 없어서 화가났다.

환경

$ react-native -v
react-native-cli: 2.0.1
react-native: 0.61.5

상황

react-native-maps를 사용하여 iOS에서지도를 표시하고 싶습니다.
그렇지만, react-native run-ios로 기동해 보면 에러 나와 버렸기 때문에 해소하고 싶다.

run-ios까지 한 일

$ npm install react-native-maps    // react-native-mapsをインストール
$ react-native link react-native-maps // react-native-mapsをプロジェクトと紐付け

그리고 아래의 기사를 참고로 App.js를 조금 다시 작성해 주었습니다.

(참고) htps : // m / 안경 42 / ms / 53db54c0 64647c6 3

오류 내용

Invariant Violation: requireNativeComponent:
"AIRMap" was not found in the UIManager.

This error is located at:
 in AIRMap (at MapView.js993)
 in MapView (at App.js:34)
 in App (at renderApplication.js:40)
 in RCTView (at AppComtainer.js:101)
 in RCTView (at AppContainer.js:119)
 in AppContainer (at renderApplication.js:39)

AIRMap이 없지만 어쨌든, 오류가 발생합니다.
어떻게 해줄까?

해결책

인터넷에서 검색해도 좀처럼 정보가 없었기 때문에, 일단 다시 한번 기동해 보았더니, 어쨌든 에러가 나왔습니다. . .

$ react-native run-ios
error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually: 
  - react-native-maps (to unlink run: "react-native unlink react-native-maps")
This is likely happening when upgrading React Native from below 0.60 to 0.60 or above. Going forward, you can unlink this dependency via "react-native unlink <dependency>" and it will be included in your app automatically. If a library isn't compatible with autolinking, disregard this message and notify the library maintainers.
Read more about autolinking: https://github.com/react-native-community/cli/blob/master/docs/autolinking.md
(これ→)error Could not find the following native modules: react-native-maps. Did you forget to run "pod install" ?
info Found Xcode workspace "imhere.xcworkspace"
info Building (using "xcodebuild -workspace imhere.xcworkspace -configuration Debug -scheme imhere -destination id=25C2AEEA-275A-4BF4-840D-398D2A131B47 -derivedDataPath build/imhere")
    Capabilities for Signing & Capabilities may not function correctly because its entitlements use a placeholder team ID. To resolve this, select a development team in the imhere editor. (in target 'imhere' from project 'imhere')
▸ Running script 'Start Packager'
▸ Running script 'Bundle React Native code and images'
▸ Build Succeeded
info Installing "build/imhere/Build/Products/Debug-iphonesimulator/imhere.app"
info Launching "org.reactjs.native.example.imhere"
success Successfully launched the app on the simulator

오류 부분을 발췌하면

error Could not find the following native modules:
react-native-maps. Did you forget to run "pod install" ?
(訳)react-native-mapのnativeモジュール見つかんねぇんだけど、お前"pod install"忘れてね?

라고 썼습니다.

아니, 전혀 하지 않았네요. 미안해.

공식적으로 제대로 ReactNative의 버전이 0.60 이상일 때는 pod install하라고 써 있었습니다.

(공식) htps : // 기주 b. 코 m/레아 ct-나치ゔぇ-쯤에 ty/레아 ct-나치ゔぇ-마 ps/bぉb/마s r/도 cs/인 s 타치오. md

그래서 네이티브 모듈을 설치합시다.

$ cd ios
$ pod install
Analyzing dependencies
Downloading dependencies
Installing react-native-maps (0.26.1)
Generating Pods project
Integrating client project
Pod installation complete! There are 29 dependencies from the Podfile and 27 total pods installed.

오, 왠지 좋은 느낌으로 설치할 수 있었던 것 같네요.

그래서 다시 시작하면,,,



오, 좋은 느낌으로 나타났습니다! !

마지막으로

Qiita의 기사를 참고로 써 가면 확실히 빨리 제품을 만들 수 있습니다만, 본가보다 역시 정보는 깎여져 있으므로, 정말로 참고 정도로 하고 제대로 본가를 보면서 진행하도록 하는 것이 좋네요 .

그리고, 이번 내 에러의 원인은 pod install을 하고 있지 않았기 때문이었습니다만, 다른 원인도 물론 있다고 생각하므로, 다른 경우에는 다음을 참고로 해 보세요.

(참고) htps : // 기주 b. 코 m / Rea ct-nachi ゔ ぇ こむむ ty / Rea ct-nachi ゔ ぇ ps / 이스에 s / 2495