(爬坑)React-Native项目运行之路

追随着时代的脚步(?),采取着“还有头发,还能学”的方针,我从GitHub下载了React-Native项目,准备开始学习......
然后我就进入了报错天堂......
我承认我的英文水平全靠看报错提升的....


环境:macOS
Xcode:Version 10.1
Android Studio:Version 3.2

以下是遇到的报错和它的解决方法....至于为什么会报错,为什么这样解决,别问我,我也不知道......等哪天我研究透了可能再来补充.......


报错1:Cannot find entry file index.android.js in any of the roots

在react native以前的版本,index.android.js与index.ios.js是分开的两个文件,在最新版本中这两个文件合并成index.js一个文件了。但是如果你在创建项目之后直接运行,肯定会报Cannot find entry file index.android.js in any of the roots这种类似的错误,因为在根目录下已经不存在index.anroid.js和index.ios.js这两个文件,所以肯定不会检索到,你更改App.js的内容后更不可能生效。(https://www.cnblogs.com/honeynm/p/9007072.html

解决方法:

  • 创建assets目录(android/app/src/main/assets)
react-native bundle --platform android --dev false --entry-file index.js --bundle-output ./android/app/src/main/assets/index.android.bundle --assets-dest ./android/app/src/main/res/
  • 之后assets目录下就会生成

  • 之后在运行react-native run-android

  • PS:有个很奇怪的点是,当我改动了文件,要在Android Studio上跑的时候,需要把assets文件夹里面的文件删除,重新进行一次上面第二个步骤,才能显示修改,请教有没有大佬知道是为什么?

报错2:Android 报错 react native syntaxError:Attempted to redefine property "xxxx"

项目内有某个属性“xxxx”被定义了多次,例如:


解决方法:
需要删除/注释一个,这在IOS运行时是可以的,但是Android会报错。

报错3:Android Error:Execution failed for task ':app:lintVitalRelease'

解决方法:
android/app/build.gradle里的android{}中添加

lintOptions {
    checkReleaseBuilds false
    abortOnError false
}

报错/错误4:运行Android模拟器

解决方法:
用Android Studio查看项目时,我是跑在模拟器(夜神)上看效果,所以这时候需要连接模拟器,网上有各种连接模拟器的方法,基本都是Windows,不过方法差不多,只是Mac的地址是/你的主机名/Macintosh-HD/Applications/Nox\ App\ Player.app/Contents/MacOS,如果输入到终端没办法跳转的话,就需要一级一级往下找了。
然后运行adb connect 127.0.0.1:62001

在Android Studio中,需要改成:


连接上的时候会有设备提示,如果找不到设备,重启模拟器就好了。

报错5:Android Error:moudle not specified

在上一个问题中,配置里有个Module,一般显示的就是项目名,如果显示的是<no module>,并且你刚好又是第一次运行RN项目,什么也不懂,那么你需要查看一下,你用Android Studio打开的是不是RN项目目录.......
如果是,改成打开RN项目目录下的android文件夹:)

问题6:Android打包

https://blog.csdn.net/u011272795/article/details/77161942
基本根据这个文章配置就可以打包成功了,没有成功就要一个一个解决报错了。

报错7:You have not accepted the license agreements of the following SDK components

缺少对应的包。
解决方法:
看提示(例如Android SDK Platform 23)下载相应的包。



勾选然后下载即可。

报错8:A problem occurred configuring project ‘:app’

解决方法:
android文件夹下创建local.properties,然后写入
sdk.dir=你本地Android SDK文件夹路径


如果不知道sdk路径,打开Android Studio的SDK Manager就能看到了。
参考一下上一个问题的图。

问题9:打包发布

参考:https://blog.csdn.net/qq_38719039/article/details/80848290

问题10:IOS '......libfishhook.a'

error: Build input file cannot be found: '/Users/../node_modules/react-native/Libraries/WebSocket/libfishhook.a'

解决方法:


删除该标记下的libfishhook.a,然后重新添加一个就可以。

报错11:_react2.default.createContext is not a function

解决方法:
升级react版本即可:

//before:
"react": "^16.2.0",
"react-dom": "^16.2.0",
 
//after update:
"react": "^16.7.0",
"react-dom": "^16.7.0",

报错12:Application XXX has not been registered

解决方法:
1、注册方法写错

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

2、端口被占用
输入react-native start,如果出现Packager can't listen on port 8081,就说明端口被占用,杀死进程即可。

lsof -i :8081
kill -9 <PID>

报错13:RNGestureHandlerModule.State error

解决方法:
这是在使用react-native出现的报错,是因为没有连接造成的。

react-native link react-native-gesture-handler

报错14:Command PhaseScriptExecution failed with a nonzero exit code

运行xcode模拟器显示的报错,是因为Xcode10是默认选中的最新的New Build System(Default),在这个编译系统的环境下,打包的CI脚本一直会报错。
解决方法:
File>Project Setting...


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,012评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,628评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,653评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,485评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,574评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,590评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,596评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,340评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,794评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,102评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,276评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,940评论 5 339
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,583评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,201评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,441评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,173评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,136评论 2 352

推荐阅读更多精彩内容