react-native编写过程遇到的问题及解决方法

原创 2015年10月30日 19:22:54
1.使用React某个组件前记得在  
var {
  AppRegistry,
  NavigatorIOS,
  StyleSheet,
    Image,
    View,
} = React;

这个地方里填一下
2.执行init时不要在前面加上sudo(否则新项目的目录所有者会变为root而不是当前用户,导致一系列权限问题,可以用chown修复)
3.报错EACCES: permission denied, open 'Users/你的用户名/.babel.json'时候执行如下命令: sudo chown 你的用户名 ~/.babel.json

4.如何升级RN版本?

A:请用编辑器打开项目目录中的package.json,找到类似下面的一行配置

"react-native": "0.11.0",
将其改为要升级的版本号,如“0.12.0-rc”(当然要先确定这个版本已经发布到npm上了)。

然后在当前目录的命令行中执行npm i

如果提示权限错误则在前面加上sudo

5.报错:Invariant Violation:Application XXXX has not been registered.

A:请确保index.ios.js中的

AppRegistry.registerComponent('项目名',() => ...);
与appDelegate.m中的

RCTRootView*rootView = [[RCTRootViewalloc]initWithBundleURL:jsCodeLocation

moduleName:@"项目名" launchOptions:launchOptions];

6.调试模式下报错:Runtime is not ready. Make sure...或是socket closed.

A:有时Chrome进程会失去响应,可以尝试手动将Chrome的React Native Debugger标签切换到前台再Reload模拟器页面。

7.报错:Adjacent JSX elements must be wrapped in an enclosing tag.

A:render方法中必须只能包含一个根元素。

相关文章推荐

React Native Package Manager包管理器介绍

React Native Package Manager是为了简化React Native开发而生的包管理器。这个项目的想法来自CocoaPods, fastlane和react-native lin...
  • offbye
  • offbye
  • 2016年06月04日 21:41
  • 2405

React-Native填坑之删除第三方开源组件的依赖包

今天遇到了一个问题:下载了react-native-baidu-map的开源组件,可是在ios中遇到了问题,编译不通过,我想删除这个组件,然后写其他的功能,以后再添加这个地图功能,可是发现无法删除干净...
  • liu__520
  • liu__520
  • 2016年10月12日 21:54
  • 13244

ReactNative: react-native init 到底做了什么

阅读本篇之前, 假设你已经在 Mac 上面安装好了 React Native 相关的环境. React Native 的环境搭建可以参考官方文档, 相当的详细. 不过, 你最好使用 vpn, 或者使用...

React创建项目报错 Error: EACCES: permission denied, open '/Users/****/.babel.json'

fs.js:549   return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);          ...

React创建项目报错Error: EACCES: permission denied, open 'xxx/xxx/.babel.json'

执行命令  sudo chmod 777 /Users/xxxx/.babel.json 然后删除项目,重新init react-native init awesome-projec...

解决react-native fetch请求报错JSON parse error

需要在fetch请求中加入Origin属性~~ 例如:fetch(classifyURL, {             method: "POST",             headers: ...
  • Wen_dy
  • Wen_dy
  • 2016年04月19日 09:33
  • 2305

react-native环境搭建

一、环境配置 1、安装Homebrew(Homebrew 是 Mac 中的一个包管理器,官网http://brew.sh),执行下面命令:/usr/bin/ruby -e "$(curl -fsSL...

React Native 学习中踩过的那些坑

1、react-native run-android时提示aapt权限被拒绝完整LOG如下: java.io.IOException: Cannot run program "/Users/name...

加载一个react native 页面

要在原生app中加载js视图,首先要先将js资源文件加载到app中,然后使用一个原生类的实例作为容器承接js定义的视图,最后将这个容器类实例添加到原生视图中。加载JS Bundlejs代码是以JS B...

React Native环境搭建执行npm install -g react-native-cli报错Error: EACCES: permission denied, mkdir '/usr/loc

配置 Mac + iOS React Native 环境执行 “npm install -g react-native-cli” 报错 npm ERR! Error: EACCES: permissi...
  • soindy
  • soindy
  • 2016年09月01日 16:32
  • 2876
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:react-native编写过程遇到的问题及解决方法
举报原因:
原因补充:

(最多只允许输入30个字)