React Native импорт работает на android, но не в Интернете - PullRequest
0 голосов
/ 03 мая 2020

Я занимаюсь разработкой приложения React Native Game с компонентами «Экраны» и «Цвета». Я создал файл «Цвета. js» со значениями цветов в папке «константы» каталога root проекта. Также в каталоге Screens проекта создан файл 'StartGameScreen'. В этот файл импортированы «Цвета. js». Приложение правильно отображается на моем устройстве android, но в Интернете оно выдало ошибку

D: /react/rn-second-app/screens/StartGameScreen.js Модуль не найден: не удается разрешить ' ../constants/Colors.js 'в' D: \ реагировать \ rn-second-app \ экранов '. почему

import React from 'react';
import {StyleSheet,Text,View, TextInput,Button} from 'react-native';
import Card from '../components/Card.js';
import Colors from '../constants/Colors.js';

const StartGameScreen = props=>{
    return(
        <View style={styles.screen}>
          <Text style={styles.title}>The Game Screen!</Text>
          <Card style={styles.inputContainer}>
              <Text>Select a Number</Text>
              <TextInput/>
              <View style={styles.buttonContainer}>
                <View style={styles.button}>
                    <Button title='Reset' onPress={()=>{}} color={Colors.primary}/>
                </View>
                <View style={styles.button}>
                    <Button title='Confirm' onPress={()=>{}} color={Colors.accent}/>
                </View>
              </View>
        </Card>
        </View>
    );
};


const styles=StyleSheet.create({
    screen:{
        flex:1,
        padding:10,
        alignItems:'center',
    },
    title:{
        fontSize:20,
        marginVertical:10,
    },
    buttonContainer:{
        flexDirection:'row',
        width:'100%',
        justifyContent:'space-between',
        paddingHorizontal:15,
    },
    inputContainer:{
        width:300,
        maxWidth:'100%',
        alignItems:'center',
    },
    button:{
        width:90,
    }

});


export default StartGameScreen;

constants/Colors.js
export default{
    primary:'#f7287b',
    accent:'#c717fc',
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...