Я занимаюсь разработкой приложения 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',
}