импорт home. js в приложение-родное приложение. js не удалось, ошибка не может решить home. js

Question

Я создаю реактивное приложение с экраном home. js файл в папке screens/home.js путем импорта с импортом Home из ./screens/home.js; в приложении. js Я использую expo cli, когда я запускаю expo start - происходит ошибка web. Не удается устранить ./screens/home.js. Я уверен, с путем и именем файла. в чем может быть проблема

приложение. js

 import React ,{useState}from 'react';
    //import { View, Text } from 'react-native';
    import Home from './screens/home';
    import * as font from 'expo-font';
    import {AppLoaded} from 'expo';

    const getFonts=()=>{
      return Font.loadASync({
       'nunito-regular':require('./assets/fonts/Nunito-Regular.ttf'),
       'nunito-bold':require('./assets/fonts/Nunito-Bold.ttf'),
      })

    }

    export default function App() {
      const [fontsLoaded,setFontsLoaded]=useState(false);  
       if(fontsLoaded){
          return(
            <Home/>
          );
        }
        else{
          return(
            < AppLoaded 
            startASync={getFonts}
            onFinish={()=>setFontsLoaded(true)}
            />
          )
        }
    }

экраны / дома. js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { render } from 'react-dom';

export default function Home() {
  render(){
     return (
        <View style={styles.container}>
            <Text style={styles.titleText}>Home Screen</Text>
         </View> 
  );
}
}
const styles = StyleSheet.create({
  container: {
    padding:24,
  },
  titleText:{
    fontFamily:'nunito-bold',
    fontSize:18,
  }
});

Answer 1

Удаление метода рендеринга с домашнего экрана. Внесены некоторые изменения в ваш код, попробуйте сделать что-то вроде этого:

import React ,{useState}from 'react';
//import { View, Text } from 'react-native';
import Home from './screens/Home';
import * as font from 'expo-font';
import {AppLoaded} from 'expo';


export default function App() {
    return(
        <Home/>
    ) 
}

И home. js до

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


export default function Home() {

     return (
        <View style={{justifyContent:"center",alignItems:"center",flex:1}}>
            <Text >Home Screen</Text>
         </View> 
  );
}

Надеюсь это помогает!