Reactjs 发布文本上出现反应本机错误“应用程序appname未注册”

我是react本地编程新手，我正在努力使这项工作顺利进行

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

class AppName extends Component {
    render() {
      return (
        <Text>Hello world!</Text>
    );
   }
}

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

但我面临以下问题：应用程序appname尚未注册 我尝试了以下解决方案，但它对我不起作用

这里的问题是，最后一行上的“AppName”与您在创建时为项目命名的名称不同。它应该与项目目录同名。资本化很重要。查看错误消息，您将项目命名为appname

例如，如果创建项目：

react-native init appname

如果您的类仍然是相同的名称：

class AppName extends Component {

最后一行应该是：

AppRegistry.registerComponent('appname', () => AppName);