开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

node_modules目录在React Native项目中的什么位置？

在React Native项目中，node_modules目录位于项目的根目录下。它是用来存放项目所依赖的第三方库和模块的文件夹。当我们使用npm或者yarn安装依赖时，这些依赖会被下载并存放在node_modules目录中。在React Native项目中，我们可以通过引入node_modules中的模块来使用它们提供的功能。例如，如果我们想使用react-navigation库来实现导航功能，可以在代码中引入该库的模块，然后使用它提供的API来创建导航器。腾讯云相关产品和产品介绍链接地址可以参考腾讯云官方文档：https://cloud.tencent.com/document/product/213

相关搜索:react native :显示对象中特定项的正确方式是什么？React-native- action -button :更改动作项的位置 rootProject.ext在React Native项目中的位置为什么我的React Native项目中有这个错误？为什么我的动画视图没有停留在React Native中的正确位置？在React Native项目中使用java库的方法是什么？在我的React-Native项目中，这些错误在react-native中意味着什么?我如何修复它们？我如何构建我的react-native JS代码，以便在同一项目中拥有多个android应用程序？xhtml的区别解析虚拟机qemukvm

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

新版React Native 混合开发(iOS篇)

在React Native的应用场景中，有时候一个APP只有部分页面是由React Native实现的，比如：我们常用的携程App，它的首页下的很多模块都是由React Native实现的，这种开发模式被称为混合开发。

02

React Native 混合开发(iOS篇)

在React Native的应用场景中，有时候一个APP只有部分页面是由React Native实现的，比如：我们常用的携程App，它的首页下的很多模块都是由React Native实现的，这种开发模式被称为混合开发。

05

iOS React Native 混合开发集成React Native

有时候我们并不是需要全部使用React Native,我们想和原生混合开发，那我们应该怎么办呢。

02

小记React Native与原生通信（iOS端）

emmm…… 先说个题外话，时隔一年，再遇RN，较之以前唯一不同的一点就是遇到的坑终于有人先踩了?本文会通过原生与RN页面相互跳转、方法间的相互调用、以及H5页面调用原生页面进而调用RN页面等方面来阐

01

React Native在Android当中实践（三）——集成到Android项目当中

version字段没有太大意义（除非你要把你的项目发布到npm仓库）。scripts中是用于启动packager服务的命令。dependencies中的react和react-native的版本取决于你的具体需求。一般来说我们推荐使用最新版本。可以使用 npm info react 例如:

02

🧭 React Native 版本升级指南

React Native 作为一款跨端框架，有一个最让人头疼的问题，那就是版本更新。尤其是遇到大版本更新，JavaScript、iOS 和 Android 三端的配置构建文件都有非常大的变动，有时候三者的配置文件又互相耦合在一起，往往牵一发而动全身。

02

如何在原有Android项目中快速集成React Native详解

在得到一些信息后，可以看出，要用RN高效率的做出比较不错的App是有可能的，单看投入度与最初设计是否合理，而且现在关于React Native的各种文档是相当丰富的，所以这个阶段想切入RN可能是一个不错的选择。

01

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

如果在android studio启动的时候发现无法访问加载js脚本文件，注意用命令 adb shell input keyevent 82 调出手机调式菜单，然后设置IP地址和端口号（ip地址=本地电脑的ip地址:8081）。

01

现有Android项目引入ReactNative--九步大法

为什么写这篇文章，因为很多时候我们是需要在原Android工程中添加ReactNative，而不是直接react-native init hello来创建工程，而且官网的说明不是很详细，不是完全针对安卓的，所以本文的必要性不言而喻。

02

React Native移植原生Android

(一)前言之前已经写过了有关React Native移植原生Android项目的文章，不过因为RN版本更新的原因吧,跟着以前的文章可能会出现一些问题，对于初学者来讲还是会有很多疑难的困惑的,而且官方的文档移植没有更新，最新版本集成方法已经发生很大变化啦~OK,今天我们用新版本进行走一遍流程，具体原来就不讲了，直接看移植步骤。 (二)前提准备工作 ①.首先我们有一个采用Gradle构建的Android应用项目，这个大家直接采用Android Studio进行创建一个项目即可。我这边新建一个目录TestInt

07

React Native 混合开发(Android篇)

在React Native的应用场景中，有时候一个APP只有部分页面是由React Native实现的，比如：我们常用的携程App，它的首页下的很多模块都是由React Native实现的，这种开发模式被称为混合开发。

03

新版React Native 混合开发(Android篇)

在React Native的应用场景中，有时候一个APP只有部分页面是由React Native实现的，比如：我们常用的携程App，它的首页下的很多模块都是由React Native实现的，这种开发模式被称为混合开发。

03

RN集成到Android原生项目实践

1.新建普通Android项目新建一个普通的Android项目即可，打开Android Studio -> File -> New -> New Project… 按步骤执行即可。

02

React Native和Android整合详解

前言按照React Native的迭代速度，使用官网的文档，已经不能很顺利的实现React Native和Android的有效整合。React Native最新版本已经是0.39。为了更好的讲解React Native和Android的整合我这里列出我本地的环境： Android Stuidio 2.2稳定版 64位win7操作系统红米note3双网通普配版 React Native 0.39 具体实践创建项目这一步按照AS新建项目向导一步步完成即可，完成后。在app module下的build

05

RN同构系列：现有的IOS APP如何集成RN

react-native 大家都比较熟悉了，如果是一个全新的项目，直接使用 RN 的脚手架功能初始化项目就可以，直到上架之前，前端的小伙伴可能都不怎么需要关心 native 的代码。

02

RN(0.67)接入现有swift项目及常见问题

3、加载在合适的地方加载bundle文件测试比如可以放在appdelegate文件

01

React Native ios 常见错误和解决方法

这个问题不存在的, 说什么包不完整都是扯. 直接在xcode 里面运行调试. 找错误.一步一步解决,其他错误解决了. 这个问题也就不存在了

02

RN集成到现有原生应用-swift

创建一个空文件夹命名为你RN项目名称，在里面再新建一个文件夹/ios，把你现有的swift项目全部拷贝到/ios文件夹内。

02

monorepo--依赖

19年，团队沉淀了组件库、图表库、工具库等基础建设相关内容。上述的内容均为独立工程维护，起初我们采用 Git Subtree + npm install <folder> 来关联各个项目，带来了开发、调试的便利，同时也带了一些复杂性。

03

React-Native iOS打包

--entry-file ,ios或者android入口的js名称，比如index.ios.js --platform ,平台名称(ios或者android) --dev ,设置为false的时候将会对JavaScript代码进行优化处理。 --bundle-output, 生成的jsbundle文件的名称，比如release_ios/main.jsbundle --assets-dest 图片以及其他资源存放的目录,比如release_ios/

01

React-Native入门指南终章

在facebook React-native的官网可以看到目前支持的组件如下： https://facebook.github.io/react-native/docs/getting-started.html#content

02

从Android到React Native开发（四、打包流程解析和发布为Maven库）

作为失踪人口，本篇是对前三篇React Native文章的番外补充，主要实现把React Native项目，打包为完整aar库发布到maven，提供库支持的功能，算是小众化的需求吧，不过通过本篇你可以了解：

02

从Android到React Native开发（四、打包流程解析和发布为Maven库）

作为失踪人口，本篇是对前三篇React Native文章的番外补充，主要实现把React Native项目，打包为完整aar库发布到maven，提供库支持的功能，算是小众化的需求吧，不过通过本篇你可以了解：

04

Android 编译react native示例项目RNTester

RNTester 是个demo 项目，可以看到 react-native 的很多视图组件。

00

xcode工程集成 React-native步骤

跟着网上博客步骤来集成RN发现了很多坑，但是博客内容里面却没有记录这些坑，百度了很久都没找到解决方案，最后还是在谷歌搜索里面的一篇文章找到解决办法，在此记录下方便别人快速集成RN。

01

React Native实现一个自定义模块

概述在前期介绍React Native 项目结构的时候，我们讲解过React的项目组成，其中说过 node_modules 文件夹，这是一个存放 node 模块的地方。我们知道React是用npm来管理项目的。提到npm，一般指两层含义：一是 Node.js 开放式模块登记和管理系统，另一种是 Node.js 默认的模块管理器，是一个命令行软件，用来安装和管理 node 模块。 npm 使用介绍 npm 是一个 Node.js 模块，安装 Node.js 会默认安装 npm，可以在终端中使用以下命令来查

05

新建一个简单的React-Native工程

(3)安装node.js:https://nodejs.org/download/

01

react-native添加react-native-vector-icons插件android遇到的问题

问题 yarn add react-native-vector-icons后图省事使用react-native link来添加native配置，结果run时报错。 ps:安装的需要native的插件不

04

Android原生项目集成React Native的方法

首先按照开发环境搭建教程来安装React Native在安卓平台上所需的一切依赖软件（比如npm）。

01

react-native常用终端命令

打开项目目录下的package.json文件，然后在dependencies模块下找到react-native，将当前版本号改到最新，然后在命令行中运行（译注：如果提示权限错误，就在命令前加上sudo）： $ npm install

03

React Native 集成到 Android 原生项目中踩坑记录 (Didn't find class "com.facebook.jni.IteratorHelper")

网上这样的介绍有挺多，这里记几个有用的： 1. 官方 2. 中文照着上面做，运气好的话没问题，不过我属于运气不好的。这里总结几点困惑或者容易错的： 1.第一步的npm init 是干什么？

02

React Native 音频录制例子来解惑入门

前言本文基于开源Demo：https://github.com/zmxv/react-native-sound，通过这个例子学习怎么开发React Native App. 这段时间都掉到React Native的坑，踩了不少坑，基本也是别人踩过的坑，既然是别人踩过的坑，那么一般情况下都能找到解决方案，所以前期该踩的一些低级坑都踩了，不过这也让笔者对RN有了新的认识，那就是RN有入门门槛，在新项目考虑用它的时候要慎重。既然要快速掌握RN，那就先从实际需求出发了，我们要用它来做些什么事情，笔者这里有以下需求

03

react native基本使用

react-native start运行添加VScode调试配置后（配置使用react native调试）

02

android 添加React Native支持更新版

前言之前已经写过了有关React Native移植原生Android项目的文章，不过因为RN版本更新的原因吧,跟着以前的文章可能会出现一些问题，对于初学者来讲还是会有很多疑难的困惑的，这里针对最新的

08

React Native android 常见错误和解决方法

这个 BUG 是 Xcode.11 引起的, 可以查看这个问题的提交记录，链接为：https://github.com/facebook/react-native/issues/25138 我们只需要找到 RCTModuleMethod.mm 这个文件修改

01

react-native init 初始化项目报错 TypeError: cli.init is not a function

03

使用 nvm 管理不同版本的 node 与 npm

使用 nvm 管理不同版本的 node 与 npm 补充说明：Mac 下通过 brew install nvm 所安装的 nvm ，由于安装路径不同，无法正确启用。建议使用 brew uninstall nvm 卸载掉之后，通过本文的方案重新安装一次。 --- 最近 NodeJS 的版本更新速度有点 Chrome 的迹象，4.0 版本没发布多久，又推出了 5.0 。升级 NodeJS 之后可以很方便的开始使用一些 ES6 的语言特性，但又会导致团队内部的 mz-fis 框架无法更新，因为它暂时只支持 v0.

07

化繁为简的企业级 Git 管理实践（一）：多分支子模块依赖管理

介绍面向复杂工程的简单化 Git 分支依赖管理方案。我们对子模块的使用进行了简化，避免了由于漏提交子模块 commit id 或子模块代码导致无法更新或更新错误的情况。需求描述我们尝试使用 Git 来维护一个项目的代码。这个项目的结构比较复杂：项目包含由多个子模块，每个子模块是一个独立的 Git 仓库，子模块还允许继续嵌套包含子模块。例如，主工程依赖 common、framework、react_native 等多个子模块，而 react_native 子模块又依赖 node_modules、HFC

02

React：不要动，否则你会被炒鱿鱼

不知道大家在用React开发时，有没有注意到react与react-dom这两个包中有个很奇葩的属性__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED：

02

React-Native For Android 环境搭建及踩坑

安装环境本文默认以MacOS为系统，毕竟除了用React Native搞Android,你也会想用它搞iOS。首先当然是Android的环境搭建，这里还是推荐把整个Android开发环境都弄起来，顺便还可以学学Android。关于Android环境搭建，以及使用Android Studio可以参考我的另一篇文章搭建安卓开发环境(Android Studio) 这里就不赘述了,需要注意的是，要安装好SDK,AVD(不是AV,是Android Virtual Device)。弄好Android开发环境

06

原生 Android 集成 React Native

使用 React Native 从零开始开发一款移动应用是一件很惬意的事情，但对于一些已经上线的产品，完全摒弃原有应用的历史沉淀，全面转向 React Native 是不现实的。因此，使用React Native去统一原生Android、iOS应用的技术栈，把它作为已有原生应用的扩展模块，是目前混合开发的最有效方式。

02

window环境下搭建react native及相关插件

可以先浏览一下中文翻译的开发文档具体了解一下关于React Native，想要查看官方文档可以点http://facebook.github.io/react-native/docs/getting-started.html。在官方文档中，只给出在Window上安装React Native的教程，没有给Mac下的教程,我在网上找了半天，找了部分内容，又根据自己的理解整理了一下 1、安装Java 这里需要注意对环境变量的设置，可以根据java -version来检测一下 2、安装SDK 这里需要注意设置环

08

react native 插件化

安卓集成react-native加载多个插件bundle包，由于公司项目业务需求，将项目进行架构分为主app和业务插件。而与网上的搜到的情况不同，app的所有代码都是rn开发，要求插件包能够在app不升级上架的情况下，能够正常的加载不同的插件业务包。这样一来，网上的拆分包打包加载无法实现项目效果。最后选择使用在原生通过加载不同的bundle资源包，在rn中调用原生方法跳转页面然后加载不同bundle资源包和ReactNativeHost来进行插件化开发。

01

Electron 常见问题收录

由于 Windows 和 Mac 原生的应用程序开发难度比较大，所以使用 Electron 版 TRTC 的能力就成了一个不错的选择。不过由于国内网络环境比较复杂，而 Electron 的很多开发资源由位于境外服务器上，所以很多客户在初次对接时会遇到很多的环境配置问题。

React-Native 入门

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物，目前支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

01

React Native 运行报错 error in opening zip file

基于 React Native 中文网教程编译并运行 React Native 应用

03

cocoa pods 导入react native （应用于现有项目中使用rn）

pod 'React', :path => './node_modules/react-native', :subspecs => [

03

TRTC Electron SDK 常见问题收录

由于 Windows 和 Mac 原生的应用程序开发难度比较大，所以使用 Electron 版 TRTC 的能力就成了一个不错的选择。不过由于国内网络环境比较复杂，而 Electron 的很多开发资源由位于境外服务器上，所以很多客户在初次对接时会遇到很多的环境配置问题。

02

如何同时运行多个React Native、8081端口占用问题

当我们运行一个React Native项目的时候，React Native会启动一个默认端口号为8081的本地服务，该8081的服务就是React Native项目的一个本地服务器，用于提供JSBundle包和一些静态资源。这一切都是React Native帮开发者配置好的，一切都是那么简便，但如果出现如下几种情况，那么你需要认真阅读本文了：

03

React-Native热更新 - 3分钟教你实现

此文使用当前最新版本的`RN`与`Code-Push`进行演示，其中的参数不会过多进行详细解释，更多参数解释可参考其它文章，这里只保证APP能正常进行热更新操作，方便快速入门，跟着大猪一起来快活吧。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭