美文网首页
react-native新建项目

react-native新建项目

作者: HJXu | 来源:发表于2017-07-06 14:10 被阅读156次
如果最近在使用react native新建项目的同学可能会遇到同样的问题,就是以前明明没问题的方式现在却无法创建和运行,一起来看看如何解决
创建指定react-native版本的新项目

步骤:
终端:react-native init myApp —version 0.44.3
注意:常规创建方式是react-native init [project name]这样创建的项目默认使用最新的react-native版本.目前最新的是0.44.5,但是需要安装一个较大的依赖库,容易下载失败,所以暂时先使用0.44.3以下版本创建新项目

这个时候我们可以通过以下方式查看当前项目版本

查看当前react-native项目版本

步骤:
1,终端先进入当前要查看的项目下面 cd [project name]
2,终端输入 react-native —version

这个过程做完后我们的新项目myApp就已经创建好了,但是如果运行的话可能会出行红屏

EF20F13E-FE16-42E4-9DAE-473CBF2B38EF.png

其实仔细看上面的提示,即为解决办法

  1. Clear watchman watches: watchman watch-del-all
  2. Delete the node_modules folder: rm -rf node_modules && npm install
  3. Reset packager cache: rm -fr $TMPDIR/react-* or npm start -- --reset-cache(选第二种)
  4. Recreate project from scratch
    以上完成后问题得以解决

tips

查看react-native的最新版本
终端输入:npm info react-native 
同样查看react 的最新版本
终端输入:npm info react

相关文章

网友评论

      本文标题:react-native新建项目

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