开发服务器返回错误代码：500 React Native

Question

大家好，我对本机反应很陌生，我正面临这个错误 这是我目前正在处理的项目的登录/注册页面。我在运行 8.0 Oreo 的三星 S7 edge 物理设备上运行它

 **App.js*** import React from 'react' import{StyleSheet,Text,View}from 'react-native' import RegForm from '.app/Components/RegForm' export default class App extends React.Component{ render(){ return( <View style={Styles.Container}> <RegForm /> </View> ) } } const styles=StyleSheet.Create({ container:{ flex:1, justifyContent:'center', backgroundColor:'#36485f', paddingLeft:60, paddingRight:60, }, })

 ***RegForm*** import React from 'react' import{StyleSheet,Text,View,TextInput,TouchableOpacity}from 'react-native' export default class RegForm extends React.Component{ render(){ return( <View style={Styles.RegForm}> <Text style={styles.header}>Registration</Text> <TextInput style={styles.TextInput} placeholder="Please Enter your Name" /> <TextInput style={styles.TextInput} placeholder="Please Enter your Email" /> <TextInput style={styles.TextInput} placeholder="Please Enter your Password" secureTextEntry={true} /> <TextInput style={styles.TextInput} placeholder="Please Enter your Mobile No" /> <TextInput style={styles.TextInput} placeholder="Please Enter your CNIC" /> <TouchableOpacity style={styles.button}> <Text style={styles.btntext}>Sign Up</Text> </TouchableOpacity> </View> ) } } const styles=StyleSheet.Create({ RegForm:{ alignSelf:'strech', }, header:{ fontSize:24, color:'#fff', paddingBottom:10, marginBottom:40, borderBottomColor:'#199187', borderBottomWidth:'1', }, TextInput:{ alignSelf:'strech', height:40, marginBottom:30, color:'#fff', borderBottomColor:'#f8f8f8', borderBottomWidth:1, }, button:{ alignSelf:'strech', alignItem:'center', padding:20, backgroundColor:'#59cbbd', marginTop:30, }, btntext:{ color:'#fff', fontWeight:'bold', } })

Answer 1

尝试

import RegForm from './app/Components/RegForm' 

而不是

import RegForm from '.app/Components/RegForm'

希望能帮助到你。 如有任何疑虑，请务必回复。