将home.js导入react native app.js失败，出现错误无法解析home.js

Question

我正在通过导入screens/home.js文件夹中的screen-home.js文件来构建一个react原生应用程序从./screens/home.js导入Home；在App.js中iam使用expo-cli当我运行expo-start-web出现错误无法解析./screens/home.js。我确信路径和文件名。有什么问题

App.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)}
/>
)
}
}

screens/home.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

从主屏幕中删除render方法对代码进行了一些更改，尝试做一些类似的事情：

import React ,{useState}from 'react';
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> 
);
}