返回響應錯誤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;