美文网首页
React Native创建新项目

React Native创建新项目

作者: 永恒哎哎 | 来源:发表于2017-11-02 20:31 被阅读21次

    前言

    React Native 是基于 React 框架搭建而成的,使用的是JavaScript语法。React Native V0.18 之前采用的是 JavaScript 的 ECMAScript5 的标准,之后采用的是 ECMAScript6 (ES2016) 的标准,进行编程。涉及到的知识还有Css,Html。嗯...作为一个小白,先敲一个项目比什么都实在,搭建好了RN的运行环境后,就迫不及待的开始了自己的第一个项目。


    一、创建新项目

    使用命令行创建新项目:

    react-native init projectName

    创建好项目后可以看到如下提示:

    项目创建成功提示

    迫不及待的输入命令运行:

    react-native run-ios

    哎呀,报错了,运行失败!

    命令行报错

    不甘心的我尝试Xcode运行。当然还是报错!

    xcode的报错

    仔细观察不难发现,在命令行中运行时,当解压到boost_1_63_0.tar.gz时错误,导致了运行失败,xcode中的错误提示也指向了boost。

    这是因为RN_0.45及以上版本boost库不全,需要重新下载boost库编译

    目前有两种方法可以解决:

    1)运行0.44.3(暂时性的解决方案)

    react-native init MyApp --version 0.44.3

    2)重新下载boost_1_63_0.tar.gz,覆盖之前的不全文件

    网络地址:https://sourceforge.net/projects/boost/files/boost/1.63.0/

    百度网盘链接:https://pan.baidu.com/s/1eR9jUs6 密码: 2ni9  (我上传的网盘地址,纯净无添加)

    下载后进入/Users/userName/.rncache/文件夹进行替换

    覆盖之后再次运行,

    还是没有运行起来。。。

    运行失败

    对比之前的日志,在更前面的地方了就运行报错了。。。。。

    想了想应该是换了包需要重新安装npm

    npm install

    再次运行

    run-iso

    运行成功

    运行成功

    看到这浅蓝色的界面,心里真舒坦!

    相关文章

      网友评论

          本文标题:React Native创建新项目

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