记录在Ubuntu下搭建React Native踩过的坑

最新推荐文章于 2024-01-03 19:28:38 发布
VIP文章 最新推荐文章于 2024-01-03 19:28:38 发布
阅读量638 收藏
点赞数
分类专栏： android 文章标签： ubuntu
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mengxin1995/article/details/53814400
版权

首先给出React Native中文官网，可想而知，如果真的这么轻松，可就不会来写这篇文章了。
第一个坑点，拿到官网第一个例子的时候，会报一个找不到SDK路径这样的错误，解决方法，在项目目录AwesomeProject，下的android文件夹下，新建一个文件，命名为local.properties，在文件里面加上，这样一句话。

sdk.dir = /home/mengxin/Android/Sdk

表明我们的SDK路径，这里可能大家都不一样，要根据自己情况设置。

第二个坑点，是关于真机，通过上面的修改可以部署运行在真机上面，但是需要我们通过摇晃手机呼出设置界面，选择Dev Settings->Debug server host & port for device->在这里写上你的电脑ip:端口，如

192.168.253.6:8081
最低0.47元/天 解锁文章
写给杭州的歌
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSCode搭建React Native环境
10-15
主要介绍了VSCode搭建React Native环境，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
【 React 】Ubuntu20 安装 react
CharlynYanyan的博客
03-21 1523
前提： ubuntu系统安装node，推荐安装稳定版本的node。 创建一个 demo-react 项目 npm create react-app demo-redux 进入项目 cd demo-redux 启动项目 npm start 此时默认浏览器，会自动进入初始化的 react 界面。 后记 根据 react 官方文档上的命令，全局安装 react 总是失败，该命令不支持在 ubuntu 运行。 经过一番番踩坑后，本人总结出这篇 ubuntu 安装 react 文档。 npm in.
Ubuntu部署.net项目与React前端项目（前后端分离项目的部署）
我本可以
10-23 953
在Ubuntu18.04上部署一个前后端分离的项目，前端框架采用的是react全家桶，后端则是.Net Core编写的接口平台。  进入正题之前，个人觉得有必要说明一点：应用的部署，首要工作是给其提供一个可运行环境（如SDK），其次是对其配置文件按需配置(.conf修改)，最后一般是系统为了方便管理该应用的配置（如自启动）。同一应用的不同环境，需配置不同的部署参数，甚至不同的部署方法。比如日常环境通过容器服务部署，而正式环境通过脚本部署。
.Net core3.1、React部署到ubuntu（包含安装Redis、SqlServer），以及各种踩坑记录
weixin_44223957的博客
02-02 818
公司有个项目，因为之前一直用的都是windows+iis+.net core架构，现需要部署到linux服务器上，所以把这个任务交给了我，摸索了两天的我，成功部署到linux服务器，过程中踩了很多坑，所以把部署过程记录下来，方便日后查看，也希望能帮助到其他人。
手把手将ReactJS项目部署到Ubuntu
最新发布
ChatGPTer
01-03 398
在部署之前，请确保创建 React 应用的生产构建。 可以使用以下命令执行：npm run build
Ubuntu React Native环境搭建
一点码客
09-13 1656
安装依赖项 您将需要Node，React Native命令行界面，JDK和Android Studio。 虽然您可以使用您选择的任何编辑器来开发您的应用，但您需要安装Android Studio才能设置必要的工具来构建适用于Android的React Native应用。 节点 按照Linux发行版的安装说明安装Node 8.3或更高版本。 React Native CLI Node附带...
Ubuntu React Native 环境搭建
djhsws的专栏
05-19 7458
Ubuntu React Native 环境搭建 本人环境是Ubuntu 64位 14.0.4 . 安装 node.js过程: 1.到node官网下载https://nodejs.org/en/ 2.将node-v4.4.4-linux-x64.tar.xz 下载到的 文件解压到自己的目录. 3.将node配置成环境变量如下 export NODE_HOME=/home/djh/djh/nod
React-Native开发之Ubuntu16.04配置环境
Lexan
10-29 3369
在近几年的互联网中，React-Native技术算是比较新潮的技术，但是必须要有Nodejs的支持。终归还是回到了JavaScript脚本语言，这也是使得RN(React-Native)如此的火，也是全栈式的开发，这种类似的开发，让我想起了XAML和Qml，当然这式另外话题，我在这里就不扯远了。废话不多说，开始正题。1.我们需要到AndroidStudio的安装，在开发中我还是建议版本用2.0以上(
Ubuntu进行 React-Native 的开发
Hanks软件库
12-26 1657
尝试在　Ubuntu 14.04　上面进行 react-native 的开发, 安装官方文档进行配置,记录配置流程安装 node.js在官网下载源码安装即可, 安装后查看版本$ node -v安装 watchman文档安装依赖$ sudo apt-get install autoconf automake python-dev 安装 watchman, 如果出错, 查看安装依赖的详细文档$ gi
ubuntu20 安装react
weixin_50606255的博客
06-23 532
1.通过apt在终端中运行以下命令来确保所有系统软件包都是最新的。 sudo apt update sudo apt upgrade 2.创建一个react项目 npm create react-app react_project 3.进入项目并启动 cd react_project npm start 以上流程需要在安装了node的基础上执行，如果没有安装，可以在第一步之后执行以下命令： curl -sL https://deb.nodesource.com/setup_14..
React Native 环境搭建的教程
08-29
本篇文章主要介绍了React Native 环境搭建的教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
react native windows 环境搭建
06-07
在windows搭建RN环境
浅谈React Native打包apk的坑
08-28
下面小编就为大家带来一篇浅谈React Native打包apk的坑。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
定制阿里代码检查，实现你自己的代码规范检查
mengxin1995的博客
01-23 6686
几个月前，阿里开源了p3c，我也接到了老大交给我的技术改造。是这样的，app是老项目了，半年前接入了ARouter，由于Activity繁多，就没有去全局支持ARouter，这不，技术改造来了，就是定义一个规则，全局的在项目里面搜一遍，所有Activity如果没有@Route(）注解，就把它揪出来。那么来吧。 于是到同性恋交友网站(github)上面，把阿里代码检查(这里附上链接https://
Android真机获得root权限修改文件权限
mengxin1995的博客
08-23 4429
好久没有更新博客了，最近因为重装了系统导致所有的配置都不存在了，当要修改Android权限去查看数据库文件的时候，发现又忘记了怎么去获得修改权限（其实第一次弄这个内容的时候就费了很大的劲），所以打算记录一下，免得下次再去查百度。Android系统是基于Linux架构开发的，所以他的用户和PC上的Linux的用户大同小异。也分成用户，组，其他。一般我们所操作的都是在普通用户上面完成的。由于安全考虑，G
Fresco内部诟病引起的初次从网络加载PNG图片失败
mengxin1995的博客
02-08 2014
如题描述，这个问题在项目中存在已久，今天由于自己的功能在首页，初次启动的体验极其糟糕，所以硬下头皮把这个问题解决了。  先来描述一下怎么样一个差的体验吧。就是当我第一次加载网络PNG（当时并不知道是由于这个原因引起的）的时候，就一直显示的是默认的图片，本来按照Fresco的机制是，先显示默认图片，然后去网络加载图片，当图片下载下来就会替换掉原来的默认图片。感谢https://github.co
JNI开发第二篇通过反射实现C中调用java代码，并实现Log打印日志
mengxin1995的博客
09-08 1775
C中调用java代码，主要运用在C代码执行耗时操作时候来进行对UI的实时性的改变，比如做图像处理的时候，可能图像较大，处理时间较长，那么就可以通过这个技术来实时更新处理的进度，下面我们通过代码来看具体的实现。 1.MainActivitypublic class MainActivity extends Activity { JNI jni; @Override prot
Android学习笔记(持续更新)
mengxin1995的博客
11-04 892
JAVA1 . Java Lambda表达式入门 2 . Java反射机制详解 3 . 深入理解Java：注解（Annotation）基本概念 4 . 深入理解Java：注解（Annotation）自定义注解入门 5 . 深入理解Java：注解（Annotation）–注解处理器 6 . Android中知道这几个Java反射就够了 7 . Java Thread Pool 8 .
微信推送好文锦集（持续更新）
mengxin1995的博客
11-02 742
Activity 全屏，沉浸式模式这一篇就够了（getActionBar()用getSupportActionBar()代替） Realm for Android详细教程(一个新的数据库) DownloadManager使用详解（一个关于下载的类） 自定义具有Material Design效果的控件（可以作为一个登陆或者评论界面出现） 教你一分钟实现动态模糊效果 WebView详解与简单实现Andr
Mac上搭建React Native开发环境
05-30
好的，以下是在Mac上搭建React Native开发环境的步骤： 1. 安装Homebrew 在终端输入以下命令安装Homebrew： ``` /usr/bin/ruby -e "$(curl -fsSL ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值