如何在反应原生中解决此错误？

Question

import React,{ useState } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import {AppLoading} from 'expo-app-loading';
import * as Font from 'expo-font';
import Home from './screens/home';


const fetchFont = () =>{
  Font.loadAsync({
    'glory':require('./assets/fonts/Glory.ttf')
  });
};

export default function App() {

  const [fontloaded,setfontloaded] = useState(false)  

  if(!fontloaded){
    return (
      <AppLoading startAsync={fetchFont} onFinish={()=>{setfontloaded(true)}} />
    )
  }else{
    return (
      <Home />
    );
  }

  
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

错误是：

错误:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)，但得到:未定义。您可能忘记了从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

在App.js:22检查你的代码。在应用程序中(由ExpoRoot创建)在ExpoRoot中(位于renderApplication.js:45)在RCTView中(位于View.js:34)在视图中(位于AppContainer.js:106)在RCTView中(位于View.js:34)在视图中(位于AppContainer.js:132)在AppContainer中(位于renderApplication.js:39)

我在使用时面临这个错误。

Answer 1

正确导入< code>AppLoading组件。

应该是

import AppLoading from 'expo-app-loading';

带有{}的导入用于命名导出。对于默认导出，您可以简单地使用任何名称导入它。

阅读https://docs.expo.dev/versions/latest/sdk/app-loading/了解更多信息。