您的位置:首页 > Web前端 > React

react native中遇到的问题

2017-08-02 00:00 197 查看

1.ios真机测试出现如下问题:打开手机通用,设备管理>允许app



2.android studio 新建项目 界面一直停在 【“building ‘ 项目名’ gradle project info”】

1.打开 C:\Users\<用户名>\.gradle\wrapper\dists 。

2. 你会看到这个目录下有个 gradle-x.xx-all 的文件夹(且文件夹内文件不完整,比如zip才0kb), 这就是我们要手动下载的gradle版本,如果 x.xx 是1.9 ,那我们就要手动下载 1.9 版本,如果是1.10, 我们就要手动去官网下载gradle 1.10 版本。

3. 下载完相应版本的gradle之后,将下载的.zip文件(不需要解压)复制到上述的gradle-x.xx-all\27drb4udbjf4k88eh2ffdc0n55 文件夹下。(删除旧的不完整的zip等)





3.react-native中Debug失败。(说明没有下载谷歌浏览器或者cmd+D先关闭debug再开启)





4.运行报错(No bundle URL preset)

报以下错误: (解决用Xcode打开)



5.Android Studio中报错Error:java.lang.RuntimeException: Some file crunching failed, see logs for details



rror:Execution failed for task ':xxxxx:mergeDebugResources'.
> Some file crunching failed, see logs for details

这里的意思是资源文件的问题

第一种解决办法是

查看上面的日志,我的原因是.9图片的问题,注意.9图片在androidStudio中有严格检查,可能你的这些图片不是.png格式的.解决办法就是把图片后缀改成.png.

第二种解决办法是

Android Studio打开项目,选择app>build.gradle

文件中加入两行代码,意思是禁止gradle检查png的合法性.
aaptOptions.cruncherEnabled = false
aaptOptions.useNewCruncher = false





6.AndroidStudio中报错Error:The SDK Build Tools revision (23.0.1) is too low for project ':app'. Minimum required is 25.0.0

下面有一个updata点击自动下载更新

7.React.PropTypes.xxx报错

react 15.5起废弃了React.PropTypes.xxx,请使用prop-types

如何使用请看我的开源中国react native类库(一)第十三条

8..React.createClass报错

react版本16.0及以上的话,ES5的React.createClass已经被废除了,如果还想按照以前的类似ES5写法,替换成 create-react-class 包中的createReactClass 方法或者用ES6语法

var createReactClass=require("create-react-class");

var Demo = createReactClass({
//ES5写法

})


9.ios中release报错--Unhandled JS Exception: TypeError: undefined is not an object (evaluating 'this._subscribableSubscriptions.forEach').....scrollview...

https://github.com/facebook/react-native/issues/17348

在项目/node_modules/react-native/Libraries/Components/Subscribable.js中第33行前添加

this._subscribableSubscriptions &&

this._subscribableSubscriptions && this._subscribableSubscriptions.forEach......


10.android studio打包报错国际化



解决:在项目app/build.gradle中添加如下代码

android{
....

lintOptions {
disable 'InvalidPackage'
disable 'MissingTranslation'
disable "ResourceType"
}
....
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: