首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

React Native环境配置、初始化项目、打包安装到手机,以及开发小知识

: n/a - not inside a React Native project directory 6、初始化项目 进入到自己工作目录,执行下面的命令创建 react native 项目 npx...react-native init AwesomeProject 7、运行项目安装软件到安卓机 7.1、先 用数据线连接手机和电脑,运行scrcpy 软件 开发者选项配置修改,最终实现在电脑上可以投屏手机...yarn android # 或者 yarn react-native run-android 运行时候会在手机上弹窗 “是否统一安装软件”之类提示,点击同意即可 7.3、adb reverse...8、react-native开发小知识 8.1、vscode 上代码飘红 问题原因: VScode是默认解析ts,但是不会默认识别 Flow(静态类型检测工具)语法,所以这种代码会被解析成ts语法...8.3、本地开发启动多个项目 默认端口号是8081,通过指定不同端口号来启动。

2.3K20
您找到你想要的搜索结果了吗?
是的
没有找到

ReactNative报错记录以及原因分析 ReactNative报错记录

中查看network信息 ReactNative项目运行两种方式 命令行运行(ReactNative项目根目录下)react-native run-android android studio中运行...运行react-nativeandroid项目及问题解决 安装第三方组件 npm insatll xxxx --save react-native link XXXX 注意点:安装第三方组件link...我项目之所以出问题是因为,项目在集成rn本地仓库地址做了更新, 走错了仓库, 所以没有拿到正确本地maven地址....关于这个问题,github上有相应issue.附上地址: https://github.com/facebook/react-native/issues/12309 大家只要把本地maven库配置好久可以啦...但是通过命令行“react-native run-android方式启动,就发生了如下异常!

4.3K10

mac上配置react-native环境run-iosrun-android命令遇到问题

新报错(rn版本:0.53.3)2018.3.6 今天在搞react-native环境,遇到了一些坑,这里记录一下。 首先最重要一点是一定要按官网一步一步来,不然可能会出现一些奇奇怪怪问题!...gradle和权限问题 gradle默认都是下载2.14.1,在run-android可能会出现下载失败或者长时间下载不了,这时就手动去下载。...mac中调用本地文件可能会出现权限问题,这时选中你项目文件夹,右键选择显示简介,拉到最下面,如下图: ? 先点击小锁,输入密码解锁,然后点击设置图标按钮,选择应用到包含项目,确定,点击小锁锁定。...刚遇到这个问题一脸懵比,没有有效报错信息可供参考。 于是,去检查了adb是可以用,sdk路径也没有问题。 ? 检查模拟器也是连接上了。...run-android,成功运行~ ps:修改权限后 android/gradlew 文件引起了一个问题(虽然文件内容没有变化,但是文件在git上是有变化可以上传),在另一台window电脑上使用

1.4K30

mac上配置react-native环境run-iosrun-android命令遇到问题

新报错(rn版本:0.53.3)2018.3.6 今天在搞react-native环境,遇到了一些坑,这里记录一下。 首先最重要一点是一定要按官网一步一步来,不然可能会出现一些奇奇怪怪问题!...gradle和权限问题 gradle默认都是下载2.14.1,在run-android可能会出现下载失败或者长时间下载不了,这时就手动去下载。...mac中调用本地文件可能会出现权限问题,这时选中你项目文件夹,右键选择显示简介,拉到最下面,如下图: ? 先点击小锁,输入密码解锁,然后点击设置图标按钮,选择应用到包含项目,确定,点击小锁锁定。...刚遇到这个问题一脸懵比,没有有效报错信息可供参考。 于是,去检查了adb是可以用,sdk路径也没有问题。 ? 检查模拟器也是连接上了。...run-android,成功运行~ ps:修改权限后 android/gradlew 文件引起了一个问题(虽然文件内容没有变化,但是文件在git上是有变化可以上传),在另一台window电脑上使用

1.5K30

React-Native android在windows下踩坑记

platform=android 保留packagerdos窗口,新建另外一个dos窗口,切换至项目目录下:react-native run-android 报错了,你需要设置...jackzlz/blog/508210 腾讯Bugly加速 http://android-mirror.bugly.qq.com:8080/include/usage.html 一切就绪,再次运行时遇到了这个问题...我遇到问题跟我之前安装环境有问题,所以导致了一些问题,祝诸君都能顺利看到Welcome to React Native!...DOS窗口,启动应用:react-native run-android ------- update by 2015/11/30 使用最新版本react-native(0.15.0),因为之前本机已经成功运行过...react-native,再次按照上面的几个命令操作时候,发现真机运行会报错: ReferenceError: Can't find variable: require(line 1 the generated

1.8K30

使用umi开发react-native应用

笔者在Web端习惯使用 umi 后,就变得越来越“懒”,什么问题都用这一锤子解决。 当工作中涉及到 react-native(后文简称:RN)应用内容,发现 umi 暂时没有支持RN打算。...,可选react-navigation; 启用dynamicImport配置后,支持拆包,运行时从本地按需加载 JS bundle 文件。...需要 react-native 0.62.2 及以上版本(>=0.62.2) 安装 如果没有 RN 工程,则使用react-native init得到初始工程: npx react-native init...需要 react-native 0.60.0 及以上版本(>=0.60.x) 安装所有react-navigation依赖到 RN 工程本地: yarn add react-native-reanimated...使用 开发 修改package.json文件: { "scripts": { "android": "react-native run-android", "ios": "react-native

6.1K30

ReactNative环境搭建扩展篇——安装后报错解决方案

更新日期:2017.9.2 运行环境:Windows 10/Android环境 一、回顾一下RN安装过程: 1.搭建Android开发环境,因为要运行在Android环境下,所有安卓开发环境是要搭建...init xxx(项目名称);     b).在模拟器或手机安装app:进入项目根目录执行命令:react-native run-android;执行完此命令之后,如果是第一次运行,命令会帮你在手机或者模拟器创建一个...app“壳子”以后运行都是基于这个app,手机上只要有这个app之后,在启动调试就不需要react-native run-android运行安装项目了,因为“壳子”安装只需要一次,以后只需要启动服务即可...解决方案: 1.在工程目录冲创建assets文件 android/app/src/main/assets 2.根目录下运行命令 react-native bundle --platform android...也可以在RN开发浮层上设置启动 Hot Reloading,每次文件修改都会自动刷新,大大节约了调试时间! 解决了以上2个问题,第一次运行RN App问题就已经全部解决了,祝使用愉快!

1.1K80

react-native 集成极光推送jpush-react-native问题

android一个报错 ... set canOverrideExistingModule=true 解决: 问题是在/android/app/src/java/......undefined错误 如果使用官方例子notifyJSDidLoad代码,android会报cb方法undefined // 在收到点击事件之前调用此接口 if(Platform.OS === '...} 后台带参传送,前台拿到数据结构不同平台不一样 JPushModule.addReceiveOpenNotificationListener(message=>{//用户点击通知事件...//android和ios接收到参数结构不同,需要分别处理获取 if(Platform.OS==='android'){ const {param1...{param1,param2} = message param1,param2改成你要接收参数字段名 原理 因为iOS平台推送是Apns推送,json格式不同,具体格式可以百度apns推送 json

2.1K30

ReactNative android 之 (A problem occurred configuring project app.异常)

问题1:使用 node 安装 reactNative 完成之后,启动命令: react-native run-android 时候,报这个错误信息,例如: SDK platform 23 也安装了,...但是依旧报这个错误信息 查了半天资料,有的说是 缺少 ==local.properties== 文件,有的说是==build.gradle==文件丢失,有的说是SDK问题,还有的说是环境变量问题。...各个都说没错,这些确实都有关系,在这里教给大家一个快速解决办法: 1、首先,先打开 studio64 安卓开发工具,建立一个简单(Hello World)项目,先跑起来,看看能否运行,如果不能,那说明是可能是环境变量...、SDK什么没有配置好,如果可以正常运行, 2、引入node 创建完成项目,用 android studio 打开,android studio 会有警告提示,点击update,过几分钟更新build...完成即可, 3、最后,在命令行输入:react-native run-android 运行即可!

1.3K20
领券