javascript - "Cannot connect to the Metro server"在 React-Native/Expo 项目上

Question

我目前正在尝试使用 React-Native 和 Expo 使用 MapView 组件构建一个小东西。
当我在 Expo Go 中扫描 Expo QR 码时，Google map 完美显示在我的手机上，但我只是稍微修改了我的代码，只是修改了 map 窗口的尺寸 - 这可能是造成这种情况的原因，因为我这样做可能是错的，尽管我非常怀疑。
到目前为止，这是我的代码(我只使用了 App.js 文件):

import { StatusBar } from 'expo-status-bar';
import * as React from 'react';
import { StyleSheet, Text, View, Dimensions } from 'react-native';
import MapView from 'react-native-maps';
 
export default function App() {
  return (
    <View style={styles.container}>
      <MapView style={styles.map} />
    </View>
  );
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
  map: {
    width: Dimensions.get('window').width,
    height: Dimensions.get('window' - 10).height,
  },
});

我的终端中显示的错误是:

Cannot connect to the Metro server.

请尝试以下方法来解决此问题:

确保 Metro 服务器正在同一网络上运行并可用

确保您的设备/模拟器已连接到您的机器并启用了 USB 调试 - 运行“adb devices”以查看已连接设备的列表

如果您在连接到同一台机器的物理设备上，请运行“adb reverse tcp:8081 tcp:8081”以转发来自您设备的请求

如果您的设备在同一个 Wi-Fi 网络上，请将“开发设置”中的“调试服务器主机和设备端口”设置为您机器的 IP 地址和本地开发服务器的端口 - 例如10.0.1.1:8081

网址:10.1.5.81:19000

Answer 1

在代码编辑器中运行此命令以删除警告

adb reverse tcp:8081 tcp:8081