Ошибка в компиляции реагирует нативная карта для сети - PullRequest
Новая
       13

Ошибка в компиляции реагирует нативная карта для сети

0 голосов
/ 28 июня 2019

Я использую реагирующие нативные карты для веб-сайтов и постоянно получаю сообщение об ошибке, которое не могу устранить. Я перепробовал все, что нашел в интернете.

Это ошибка, которую я получаю, и эта ошибка находится в пакете реагировать на родную карту. 

./node_modules/react-native-maps/lib/components/MapCallout.js
SyntaxError: /home/vishal/Desktop/tracker-app/tracker/node_modules/react-native-maps/lib/components/MapCallout.js: Unexpected token (31:11)

  29 |   render() {
  30 |     const AIRMapCallout = this.getAirComponent();
> 31 |     return <AIRMapCallout {...this.props} style={[styles.callout, this.props.style]} />;
     |            ^
  32 |   }
  33 | }
  34 |

Это то, что я пытаюсь показать, используя response-native-map 

import React, { Component } from "react";
import { StyleSheet, Text, View } from "react-native";
import MapView from "react-native-maps";

class Map extends Component {
  render() {
    return (
      <View style={styles.container}> 
        <Text>in map.js</Text>
        <MapView
          initialRegion={{
            latitude: 37.78825,
            longitude: -122.4324,
            latitudeDelta: 0.0922,
            longitudeDelta: 0.0421
          }}
          style={styles.map}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: "#fff",
    alignItems: "center",
    justifyContent: "center"
  },
  map: {
    width: "100%",
    height: "100%"
  }
})
export default Map;

1 Ответ

0 голосов
/ 08 июля 2019

Я столкнулся с той же проблемой сегодня, и решил ее с помощью response-native-web-maps: https://github.com/react-native-web-community/react-native-web-maps

Просто нужно установить: npm install react-native-web-maps --save

И добавитьпсевдоним для него в вашей конфигурации Webpack: 'react-native-maps': 'react-native-web-maps'

...