加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

React Native 之 Hello World

发布时间:2020-12-15 04:38:56 所属栏目:百科 来源:网络整理
导读:1/创建HelloWord mac终端cd到workspace,执行创建工程命令 : react-native init HelloWorld 2/ cd进工程,打开IOS工程用xcode,cmd+R运行前执行命令: react-native start,开启服务 如果http://localhost:8081/index.ios.bundle?platform=iosdev=true 能正常访问

1/创建HelloWord

mac终端cd到workspace,执行创建工程命令 : react-native init HelloWorld


2/ cd进工程,打开IOS工程用xcode,cmd+R运行前执行命令: react-native start,开启服务

如果http://localhost:8081/index.ios.bundle?platform=ios&dev=true 能正常访问,则证明环境ok,此时运行工程,模拟器显示正常


3/注意:

React Native(RN)启动不成功,unable to download js bundle错误解决方案

解决方案如下:

  • 3.1.首先需要设置IP和端口,默认端口是8081,手机(模拟器)和电脑在同一个网络中,查询电脑的IP地址。
  • 3.2.手动去删除.babelrc隐藏文件,具体文件目录为:node_modules/react-deep-force-update/.babelrc
  • 如果是其他版本,那也是需要删除的不过路径已经发生变化了。具体路径:/node_modules/react-native/node_modules/react-transform-hmr/node_modules/react-proxy/node_modules/react-deep-force-update
  • 3.3.最后重点 Android项目关闭终端重新执行运行命令,iOS项目也需要关闭服务终端,重新启动packager

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读