你被 RN 0.45 版坑了吗

作者: IT界的段子手 | 来源:发表于2017-06-12 22:33 被阅读548次
WechatIMG1454.jpeg

首先感谢爸爸们点进来看;小编这两天被 0.45 版折磨的生无可恋,好难受,想哭 ...... 嘤嘤嘤 ...... 额 ...... 太娘了,呜呜呜 ......

故事的开始:

两天前的一个下午,在一个 ' 伸手不见五指 ' 的办公室里,我 init 了一个项目 ......

  • react-native init testPis(对爸爸们来说再熟悉不过了,小编也很顺利):

    WechatIMG1428.jpeg
  • 好了,接下来就是 react-native run-ios 的部分了(可以从下图看出和以前 build 不一样的地方了吧?!一直在 checking ,检查开发的环境):

    WechatIMG1425.jpeg
  • 下面就是小编筛选出来的几张报错截图(以我能力是看不懂了,希望爸爸们看下):


    WechatIMG1424.jpeg
WechatIMG1426.jpeg
  • 接着我再根据下图的提示接着做无谓的挣扎:


    WechatIMG719.jpeg
    • 妈蛋!显示说:无法安装请求的应用程序,根据提供的路径找不到应用程序包,还有CFBundleIdentifier(捆绑标识符)这个什么鬼东西说不存在:

      • 没办法,我就去搜啊!一下是小编筛选后的解决方法(眼睛好疼):
        真正原因:
      1. react-native upgradePRODUCT_BUNDLE_IDENTIFIER 从中删除project.pbxproj
        2. 在你的 Info.plist,你使用$(PRODUCT_BUNDLE_IDENTIFIER)它变为空,并将从已编译的应用程序中删除Info.plist。在编译的应用程序中Info.plist,没有CFBundleIdentifier

      解决方案:

      1. 使用com.xxx.app,而不是PRODUCT_BUNDLE_IDENTIFIER用于CFBundleIdentifierInfo.plist
      2. 或者,添加PRODUCT_BUNDLE_IDENTIFIER回来project.pbxproj。这就像PRODUCT_BUNDLE_IDENTIFIER = com.xxx.app;。爸爸们可以在应用程序的Build Settings> 中添加包ID Product Bundle Identifier
  • 如果爸爸们很认真地看到了这里,小编很遗憾告诉爷爷们(接着往下看的是爷爷),以下是我尝试过后,以及在 XCode 上跑出现的问题:


    WechatIMG1419.jpeg
    WechatIMG1420.jpeg
149889B1-E561-4A45-A1DE-A4F1672BE1CD.png
  • 小编实在没招了,就请教了 RN 中文网里的清明老师,看这位老师是怎么回答的:

    WechatIMG1452.jpeg
  • 当时我看到这话我是想笑的,这明显感觉是敷衍小编嘛!然后事实证明还有人也 init RN 0.45版本:

    WechatIMG1451.jpeg

很多以为看到这里就结束了?只是为了证明 0.45 版本跑步了?那就错了,重点来了:

遇到这个坑的时候,小编花了两天多时间可不是只干这么点时间(简单总结下,因为已经很晚了,小编还没回家):

  • 期间为了排除 RN 更新后,npm 和 node 版本是否落后,所以我通过 sudo npm install npm -g更新了版本(以下是我目前版本):

    WechatIMG1453.jpeg
  • 然后日了狗的时刻又来了:


    WechatIMG1454.jpeg
  • 我记得我当时是很想笑的 ...... 真的很好好玩哦!程序贼好玩!!!爷爷们可能会说,降级啊!我当然试过 npm -g install npm@版本号,那么就开始分享小编的经验之谈了:

1 . 开发环境不要随便瞎更新!
2 . 多次踩坑后:nodenpm 是一一对应的关系,版本是有衔接的,就和react nativereact的版本关联一样!
3 . 然后我现在用 yarn 去代替了 npm

WechatIMG1455.jpeg

最后感谢在此 ‘愉快’ 的过程中,提出帮助的小伙伴!感谢 下一站清明老师;这么烦人的坑,比当时刚接触 RN 时,在 Windows 下配置环境更无解!

我们下期再见!愿意与爸爸们分享的IT届段子手!!!

相关文章

网友评论

本文标题:你被 RN 0.45 版坑了吗

本文链接:https://www.haomeiwen.com/subject/hgcrqxtx.html