React-Native报错application has not been registered的解决方法

在运行react-native时报了一个错误:

application has not been registered this is either due to a require() error during initialization or failure to call AppRegistry.registerComponent.

React-Native报错application has not been registered的解决方法_第1张图片
报错页面

字面意思就是组件应用没有被注册,但是我真的有注册。。。。

网上搜索了下,发现有可能是这两种情况导致的。

第一种,是没有注册、或者注册语句写错。正确的写法如下,引号中的AwesomeProject一定是这个项目的名称。

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

第二种,可能是8081端口被占用。那么如何测试这个错误呢?
步骤如下:

  • 在项目文件夹中打开终端,输入react-native start
  • 如果在结果中出现了Packager can't listen on port 8081,那么就证实了8081端口被占用了。
  • 接下去要做的是再中断输入命令: lsof -n -i4TCP:8081,目的是列出被占用的端口列表
  • 输入命令kill -9 ,目的是删除对应PID的占用。这里的在第三步的端口列表中可以找到。
  • 输入命令react-native run-ios重新启动项目即可。(我自己使用的是ios,如果是andriod,那么直接替换ios成andriod就可以了)

果然,删除后重新运行程序就没有这样的报错了,一切正常啦!太好了!

注:以上所有内容都是本人的学习笔记和总结,仅供学习和参考,如果有遗漏或者不当的地方请谅解,请勿转载。

React-Native报错application has not been registered的解决方法_第2张图片
@anMoo韩魔

你可能感兴趣的:(React-Native报错application has not been registered的解决方法)