无法在Expo上调试/测试我的React-Native应用

时间:2019-03-24 04:09:05

标签: javascript reactjs react-native expo

我是第一次使用expo进行本机反应。在打开expo应用程序并从http://localhost:19002/扫描QR码时,我建立了隧道连接,但是在我的设备中总是出现错误,指出出现问题或http://localhost:19002/中出现错误日志,因为我们注意到您的隧道存在问题。这可能是由于我们的隧道提供商存在间歇性问题所致。如果您在连接到应用程序时遇到问题,请尝试重新启动项目,或将主机切换到LAN。

这是我要在移动设备上测试的代码。

import React from "react";
import { StyleSheet, Text, View, Image } from "react-native";

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <View style={styles.header}>
          <Text style={styles.title}> Cart </Text>
        </View>
        <Text style={styles.paragraph}>
          Change code in the editor and watch it change on your phone! Save to
          get a shareable url.
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    paddingTop: Constants.statusBarHeight,
    backgroundColor: "#ecf0f1",
    padding: 8
  },
  paragraph: {
    margin: 24,
    fontSize: 18,
    fontWeight: "bold",
    textAlign: "center"
  },
  header: {
    display: "flex",
    flex: 1,
    height: "10px",
    width: "100%",
    backgroundColor: "#232323",
    color: "white"
  },
  title: {
    textAlign: "center",
    margin: "0 auto",
    textSize: "6px"
  }
});

1 个答案:

答案 0 :(得分:0)

您的调试设备和计算机应连接到同一WiFi