Question

我正在关注官方反应本机文档以安装并运行示例react native app。我通过以下方式创建了一个示例应用程序：

create-react-native-app AwesomeProject

cd然后我按照指示安装 Expo 应用并扫描了二维码，然后我打开了 app.js 文件

app.js

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

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Open up App.js to start working on your app!</Text>
        <Text>Changes you make will automatically reload.</Text>
        <Text>Shake your phone to open the developer menu.</Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },https://stackoverflow.com/questions/278192/view-the-change-history-of-a-file-using-git-versioning
});

然后我删除了<Text>Shake your phone to open the developer menu.</Text>并保存以检查编辑器上的更改是否反映在移动应用上。但我还没有看到世博会应用程序的任何变化。我甚至在Android手机上打开了chrome浏览器并输入了ip地址，仍然没有变化。

Answer 1

应用程序不会自动重新加载JavaScript，直到您从开发人员菜单打开实时重新加载或热重新加载。

可以通过摇动设备，或在iOS模拟器上按Cmd+D或在Android模拟器上按Cmd+M来访问开发菜单。请注意，在某些Android设备上，摇动需要非常有力才能注册。

Answer 2

确保npm服务器正在运行（如果未通过命令'npm start'启动服务）
通过摇动设备或使用命令'adb shell输入keyevent 82访问开发人员菜单 '或按ctrl + M（在Linux上）
从开发者菜单选项中选择“启用实时重新加载”
保存后，屏幕应会重新加载您的更改。

从app.js文件中反映原始更改，而不反映在世博会上

2 个答案: