react本机运行android时出错

Question

单击此处查看错误图像

我有这个错误，当我运行反应本机run-android在我的设备上，我怎么能修复它？

我运行这个： react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

下面的应用程序和索引文件。

App.js

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

type Props = {};
export default class App extends Component<Props> {
render() {
return (
  <View style={styles.container}>
    <Text style={styles.welcome}>
      Welcome to React Native!
    </Text>
    <Text style={styles.instructions}>
      To get started, edit App.js
    </Text>
    <Text style={styles.instructions}>
      {instructions}
    </Text>
  </View>
);
}
}

const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
});

索引js

import { AppRegistry } from 'react-native';
import App from './App';

AppRegistry.registerComponent('helloworld', () => App);

Answer 1

那条线

...
<Text style={styles.instructions}>
  {instructions}
</Text>
...

引用指令来自您创建应用程序时生成的样板代码。通常，这在类定义之前。

const instructions = Platform.select({
  ios: 'Press Cmd+R to reload,\n' +
  'Cmd+D or shake for dev menu',
  android: 'Double tap R on your keyboard to reload,\n' +
  'Shake or press menu button for dev menu',
});

显然，您删除了它，但没有删除相应的{instructions}。

您需要删除< code >