返回响应错误500反应本机

Question

我正在使用react-native框架来开发我的小android应用程序。我试图从index.android.js.when重定向到Home.js，当我运行它时，它显示我的红色错误消息模拟器

index.android.js

import React, { Component } from 'react'; 
import {AppRegistry,Text,View} from 'react-native'; 
import Home from 'App/Component/Home'; 

export default class mylApp extends Component { 
    render() { 
    return (
     <View> 
     <Home /> 
     </View> 
    ); 
    } 
} 

AppRegistry.registerComponent('reactTutorialApp',() => reactTutorialApp); 

Home.js

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


class Home extends Component { 
    state = { 
     myTxt: 'hiiiiiiiiiiiiiiiiiiiiiii'; 
    } 

    render() { 
     return (
     <View> 
      <Text> 
       {this.state.myTxt} 
      </Text> 
     </View> 
    ); 
    } 
} 

export default Home; 

Answer 1

请检查此导入路径import Home from 'App/Component/Home';。我假设Home.js在项目（文件夹） - >应用程序（文件夹） - >组件（文件夹） - > Home.js中。如果是这样，那么你需要导入这样import Home from './App/Component/Home';

更新1：

index.android.js

import React, { Component } from 'react'; 
import {AppRegistry,Text,View} from 'react-native'; 
import Home from './App/Component/Home'; 

export default class mylApp extends Component { 
    render() { 
    return (
     <View> 
     <Home /> 
     </View> 
    ); 
    } 
} 

AppRegistry.registerComponent('reactTutorialApp',() => mylApp); 

更新2

Home.js

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


class Home extends Component { 
    state = { 
     myTxt: 'hiiiiiiiiiiiiiiiiiiiiiii' 
    } 

    render() { 
     return (
     <View> 
      <Text> 
       {this.state.myTxt} 
      </Text> 
     </View> 
    ); 
    } 
} 

export default Home;