使用Android studio 运行react-native项目

最新推荐文章于 2025-05-28 11:34:25 发布

weixin_34257076

最新推荐文章于 2025-05-28 11:34:25 发布

阅读量977

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发 javascript java ViewUI

原文链接：https://juejin.im/post/5c80e24d6fb9a049ba425b75

博主首次运行RN导出的源码，在app.gradle中报错，windows端找不到相关文件，最初删代码未解决。给出解决方法，一是配置环境，安装工具后在命令行运行指令；二是初始化存在项目，若出现‘react-native’不是内部外部命令需继续执行，还提及可能用到的三个博客。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小白尝新,第一次运行RN导出的源码，app.gradle中报错,异常显示找不到这两个文件，作为第一次运行RN编译代码的菜鸡，没做任何预先了解，看到这个错，第一时间是删代码，结果是gg的(windows端)

apply from: "../../node_modules/react-native/react.gradle"
apply from: "../../node_modules/react-native-code-push/android/codepush.gradle"
复制代码

解决方法：

1.配置环境

a.安装python2  https://www.python.org/downloads/
b.安装node.js http://nodejs.cn/download/
c.安装Yarn https://yarnpkg.com/zh-Hans/docs/install
安装好yarn之后要添加注册表, 网上找的别人的轮子 命令行复制粘贴,回车
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
复制代码

安装完上述的工具之后, 进入命令行运行以下指令

npm install -g yarn react-native-cli

2.初始化存在的项目

这时基本环境已经构建完成, 需要到原始RN 项目的目录中执行以下命令(命令行),依次执行
npm init
npm install –save react react-native //安装React 和React Native 到项目中
react-native curl -o .flowconfig 
复制代码

如果出现 react-native 不是内部外部命令, 继续执行 npm install -g yarn react-native-cli

可能会用到的三个博客

https://www.jianshu.com/p/e6a081bb271c
https://juejin.im/entry/58e7431eda2f60005ff3cbcf
https://blog.csdn.net/u013531824/article/details/50766533
复制代码