“AIRMap”的本機組件不存在

Question

react-native: 0.53.3
react-native-maps@0.20.1

我正在嘗試使用react-native-maps並且不斷收到此錯誤。 這是在一個新項目中：

react-native init maps
cd maps/
npm install --save react-native-maps
react-native run-ios

在App.js我添加了這個：

...
import MapView from 'react-native-maps';

export default class App extends Component<Props> {
  render() {
    return (
      <View>
      <MapView
      initialRegion={{
        latitude: 37.78825,
        longitude: -122.4324,
        latitudeDelta: 0.0922,
        longitudeDelta: 0.0421,
      }}
    />
    </View>
    );
  }
}

這似乎是讓它運行的最低要求，但我的 iOS 模擬器抱怨“AIRMap”。

Answer 1

就我而言，按照說明進行操作后得到了相同的結果，最后的解決方案非常簡單。

我去了 Xcode -> Clean -> Build。

在那里，我看到我的代碼中有 2 個錯誤：

1. 預期的 ';' 在模塊名稱之后（@import GoogleMaps）

2. 使用未聲明的標識符 ([GMSPlacesClient provideAPIKey:@"MY_KEY"];)

所以，我加了';' 並刪除了行 GMSPlacesClient provideAPIKey:@"MY_KEY"];

之后我再次執行'npm run ios' ，一切都像魅力一樣！

這里還有其他解決方案：

1. https://github.com/react-community/react-native-maps/issues/1798

2. https://github.com/react-community/react-native-maps/issues/2064