我的应用程序js无法在React Native中工作。我的错误是什么?

时间:2019-03-05 07:02:51

标签: android react-native

我是新手,本机反应。当我在app.js中学习打招呼时。当我为android运行“ native-react run-android”时,构建成功但无法在手机上运行。没变 enter image description here

这是我在app.js中的代码

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

    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',
    });

    type Props = {};
    export default class App extends Component<Props> {
render() {
    return (
            <View style={styles.container}>
    <Text style={styles.welcome}>Hello, Steven Wiaji, S.Kom</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,
    },
    });

这是adb正在运行 enter image description here

这是我在手机上跑步的时间 enter image description here

1 个答案:

答案 0 :(得分:1)

代码没有错。可能与node_modules有关。您可能想要删除该文件夹,然后再次执行npm iyarn。 这是一个工作示例。 https://snack.expo.io/S1oozjjUV