“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 - ＆gt;清洁 - ＆gt;建立。

  

我看到我的代码中有2个错误：

1. 预期＆＃39;;＆＃39;在模块名称之后（@import GoogleMaps）

2. 使用未声明的标识符（[GMSPlacesClient provideAPIKey：@＆＃34; MY_KEY＆＃34;];）

所以，我添加了＆＃39 ;;＆＃39;并删除GMSPlacesClient提供的行APIKey：@＆＃34; MY_KEY＆＃34;];

之后我再次执行＆＃39; npm run ios＆＃39; ，所有这些都像魅力一样！

此处还有其他解决方案：

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

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