当前位置:首页 > reactweb > 正文

react-native miumiu音乐软件运行碰到的坑

兴奋的下载了一个简单地音乐软件,https://github.com/Johnqing/miumiu/issues/1;仿佛已经忘记怎么安装了,碰到一些小坑,希望给大家一些借鉴;
先登录mac的命令行,cd 到想clone的目录,比如cd $home/ReactNative,然后
git clone https://github.com/Johnqing/miumiu.git下载了相应的代码目录之后,刚开始就(ˇˍˇ) 想~直接进入相应的IOS目录启动XCode,很自然的build会出错;提示build failed;有一个RCTRootView.h这个文件找不到;很自然会想到是还有什么文件丢失;其实是执行方法有问题;
在git clone成功后,接着需要npm install这样会根据package.json中的json格式下载需要的nodejs包;比如其中的json代码如下:

{
"name": "miumiu",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node_modules/react-native/packager/packager.sh"
},
"dependencies": {
"react-native": "^0.12.0",
"react-native-video": "^0.6.1"
}
}

通过npm安装后获取相应的依赖,比如video等;
安装了相应的依赖,会生成node_modules,其中就是依赖的模块内容;比如react-native的代码目录
执行完成了安装之后,在使用xcode启动的时候,提示如下的错误:
Build Successful. But when run it shows the error : DatePickerIOS has no propType for native prop RTCDatePicker.onChange of native type BOOL
好伤心,准备放弃了;因为google完全没有思路;
在研究其他项目的时候,突然发现还有个一个命令行:
npm start没有执行;在执行的时候,提示8081端口被占用了;原来是启动了其他的项目,导致了端口被占用,于是通过执行:lsof -i :port_number查看相应的pid的值;pkill -9 pid杀掉进程后;重新启动xcode就OK了;效果如下图:
react-native 音乐播放器效果图

暂无评论

发表评论

您必须 [ 登录 ] 才能发表留言!