react-native 初始化 各种报错 及 解决方案

最新推荐文章于 2025-04-27 11:30:00 发布
转载 最新推荐文章于 2025-04-27 11:30:00 发布 · 855 阅读 · 0
文章标签：

#移动开发

本文介绍了在使用React Native开发过程中遇到的无法加载脚本、模块解析失败等问题，并提供了详细的解决步骤，包括清理缓存、卸载并重新安装依赖等。

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

1.Unable to load script from assets 'index.android.bundle'.

curl -k "http://localhost:8081/index.android.bundle" > android/app/src/main/assets/index.android.bundle

2.error: bundling failed: Error: Unable to resolve module 'AccessibilityInfo' from

降级处理

react-native init AwesomeProject
cd AwesomeProject
react-native run-android
npm uninstall react-native
npm install --save react-native@0.55.4
react-native run-android
npm install --save babel-core@latest babel-loader@latest
npm uninstall --save-dev babel-preset-react-native
npm install --save-dev babel-preset-react-native@4.0.0
react-native run-android

3.UnableToResolveError: Unable to resolve module ‘***’

这个问题很常见，原则上是任何npm依赖包都有可能发现这个问题，介绍下解决方案吧

step one： rm -r node_modules
step two: npm cache clean --force
step three: npm install 
step four: npm start -- --reset-cache

一般step one, step three, step four就可以解决问题

如何在HarmonyOS Next中编译React-Native包
qq_15873073的博客
11-03 2817
在本文中，本人分享了从0开始搭建RN的鸿蒙环境平台，其中重点讲到了目前文档资料极少的鸿蒙特殊部分。其次，步骤中最容易遇到的问题，我也一一列出，并且提供了解决方案，使得每一步都亲测可用。鸿蒙的RN开发环境就是如此的简单，不要它被表面给吓到了哦，赶紧开始你的RN鸿蒙化之路吧。目前鸿蒙开发还在探索中，有表达不对的地方也敬请批评指正。欢迎大家一起探讨鸿蒙技术，探讨鸿蒙无限的未来。
react-native 使用expo init失败解决方案
Tomoyo_ming的博客
03-02 1866
环境搭建 有多种工具可使用，本篇仅介绍expo 准备工作 node -v 查看nodejs版本，若版本过低，使用nvm进行切换 安装expo-cli npm install -g expo-cli 等待安装完成之后，可用expo -V查看版本以此判断安装是否成功 创建项目 expo init rn-project 进入文件夹rn-project，启动项目 cd rn-project npm ...
react-native init时报错
01-20
An unexpected error occurred: “https://registry.npmjs.org/react-native: self signed certificate in certificate chain”.  React-native安装时报错，说没有自签证证书 解决方法： 您正在尝试将SSL与未加密的端点进行通信。通常，这是由于代理 配置 错误（另请参阅此帮助，如果过时，指南）。在这种情况下，您不希望禁用strict-ssl– 您可能需要设置CA / CA文件以用于您的代理，但最好花些时间来解决这个问题，而不是禁用SSL保护。 下面是禁用strict-ssl的
React Native ：react-native init fail
夏天的树人的专栏
11-06 7131
初步感官和身边的朋友讨论过这个框架，昨晚好奇下载reactJS 早上一看还有个react-native 忽然感觉到小白了。react-native 构建的基础原来是reactJS 这家伙。 至于好不好，打鸡血也好，激动也好，第三方框架都是存在风险，一旦苹果和android 平台锁死这个开关，第三方框架还是要死路一条。但在构建这个的时候，确实有一些让人感觉新奇的地方-过去H5一直旧病就是性能低下，w
react-Native init初始化项目报错”TypeError: cli.init is not a function“
范德萨的博客
07-27 1840
react-native版本问题，使用：npx react-native init Demo --version 0.68.2 即可。
react-native init 初始化项目报错 TypeError: cli.init is not a function
kongxx的专栏
09-04 1378
使用 npm -g list 查看已安装的 react-native 库。使用 npx react-native init 重新初始化项目。卸载 react-native-cli 库。
react-native init AwesomeProject报错
ifredom
11-09 4729
react init 初始化项目时报错1），网络问题，在报错内容中会一直再loading...或者connect错误。 这个无法解决，只能使用vpn进行翻墙。2）![这里写图片描述](http://img.blog.youkuaiyun.com/20171109154133381?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd2luNzU4MzM2Mg==/font
react-native-root-toast:React原生吐司之类的组件，纯javascript解决方案
05-22
在react native> = 0.62中，新的LogBox组件将影响该组件的初始化。 为了使其正常工作，我们必须像这样在您的应用中显式插入挂载点： // in your entry file like `App.js` // In theory you don't have to ...
浅谈react-native热更新react-native-pushy集成遇到的问题
08-29
3. 初始化Pushy SDK：在React Native的主入口文件（通常是index.js）中，调用Pushy.init()方法进行初始化。 4. 处理更新：创建一个通知服务，当有新更新可用时，用户可以通过点击通知来应用更新。 在集成过程中，...
react native 之项目初始化一步到位
蒙的博客
11-09 3314
自从Facebook的react native 出世以来，风靡一时，作为前端开发猿，我也从此踏入了这条不归路。。。 前言：本人一直习惯于用windows系统开发Android程序，鉴于此以后的react native 的项目博客都会是基于windows的介绍，爱好mac的同僚请绕路前行。 此篇博客主要是介绍react native 的环境的搭建和项目的初始化，搜集了网上的各种的
react-native init HelloApp失败
weixin_44065125的博客
09-26 342
1.执行 react-native init HelloApp 提示 warning react-native > fbjs-scripts > core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-
使用npx react-native init 项目名 ，yarn android/npm android 运行错误
HongfeiAn
05-12 1745
这里说的是是使用官网说的Android studio运行方式 在我运行项目的时候，出现这种情况： 明明我已经把创建的项目的android文件夹添加到了Android studio的项目 中，且虚拟机已经建好了， 但是当用yarn android运行时，报错 说我没有android环境 试了很多种方法，最后不经意间发现报错出现的乱码，突然想到是不是汉字的原因 果不其然，将项目放置的目录，都改成英文，项目愉快的跑了起来 也就是说，你将要运行的项目，它所存放的路径，不能有中文 ...
在React Native项目中解决常见错误
2301_79777620的博客
04-27 992
中添加以下内容："devDependencies": { "@react-native-community/cli": "latest" }解决方案：使用新命令npx @react-native-community/cli init YourProjectName。（3）完成安装后，再次运行以下命令来启动开发服务器：npx react-native start。（1）验证当前的项目是否是 React Native 项目：进入要运行的目录下，执行dir。发现报如图所示的错误。
【js】React-Native 初始化时报错
weixin_30487317的博客
05-28 193
一、按照官网的步骤一步一步的操作，到最后react-native init AwesomeProject 时就是报错 报错信息如下图 然后我下载了这个模块npm installprompt -g 就可以了，希望能帮到你。如果下载出错，请切换终端到root模式 sudo su 二、初始化文件后，react-native ru...
创建了个React Native项目，启动却各种报错
d452611526的专栏
08-25 681
按照https://www.react-native.cn/docs/environment-setup，创建了一个项目，却怎么也启动不起来，现记录下自己整个启动起来的流程 1.npx react-native init AwesomeProject 创建了一个项目文件 2.cd AwesomeProject 进入到文件里 3.yarn android 启动项目 报错： 1，无法启动模拟器，但是模拟器明明已经安装好，并且启动起来了 解决：1.报adb出错，那就配置adb，系统变量里配置了AND.
react-native初始化项目的时候安装失败，如何解决
w的博客
05-31 2729
首先初始化项目报错： 解决方法： 将这个版本号改为： 然后将这里： 改为： 版本号相对应 然后便可安装成功！
react-native 搭建windows开发环境及报错解决办法
wanglun_的博客
10-17 1996
选择需要下载的SDK Platforms / SDK Tools，先勾选右下角Show Package Details。找到android\build.gradle文件，在 repositories添加一下两段代码即可。低于 0.67 版本的 React Native 需要 JDK 1.8 版本（官方也称 8 版本）。找到android\build.gradle文件，在 repositories添加以下代码即可。SDK Tools 栏勾选 Android SDK Build-Tools 34。
初始化一个react-native项目
qq_36191174的博客
09-11 799
npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global npm install -g yarn react-native-cli 安装完 yarn 后同理也要设置镜像源： yarn conf...
React Native的避雷指南，报错的都进来看看
?sonder* 的博客
05-06 1435
写在前面   ReactNative环境搭建相比较繁琐，按照React Native 官网步骤进行安装道理上来讲指定没问题的，结果差强人意。本来自己想高高兴兴做个APP完成项目，没想到光配置就花费了2天。嗐~   为以防项目运行出错，请严格按照下面文档中软件版本进行配置！！！   为以防项目运行出错，请严格按照下面文档中软件版本进行配置！！！   为以防项目运行出错，请严格按照下面文档中软件版本进行配置！！！   好了，废话不多说，下面这篇文档会帮助你搭建基本的 React Native 开发环境。 详细教
这是我的依赖版本 "jcore-react-native": "^1.2.0", "jpush-react-native": "^2.9.0", 我的项目是react native0.68版本的那以上的错误是怎么回事，怎么解决
最新发布
08-09
在 React Native 0.68 项目中，使用 **`jcore-react-native@1.2.0` 和 `jpush-react-native@2.9.0`** 时出现构建错误（特别是 `jpush-5.1.2.aar` 和 `jcore-2.1.0.aar` 文件缺失问题），通常是由于 **Gradle 配置冲突**或 **安装方式不正确**导致的。以下是具体解决方案： --- ### **1. 问题原因** - **版本不匹配**： `jpush-react-native@2.9.0` 默认依赖的 Android 原生库版本（如 `jpush-5.1.2.aar`）可能未正确下载或路径配置错误。 - **手动依赖残留**： 项目可能残留旧版手动安装的 `.aar` 文件配置（如 `android/app/libs/jiguang/`），但实际文件缺失。 --- ### **2. 完整解决步骤** #### **(1) 清理旧配置和缓存** ```bash # 删除可能的本地 aar 文件目录 rm -rf android/app/libs/jiguang/ # Linux/macOS # 或手动删除 android/app/libs/jiguang/（Windows） # 清理 Gradle 缓存 cd android && ./gradlew clean && cd .. ``` #### **(2) 修正依赖版本** 修改 `package.json`，**锁定版本**以避免潜在冲突： ```json { "dependencies": { "jcore-react-native": "1.2.0", // 去掉 ^ 确保版本固定 "jpush-react-native": "2.9.0" } } ``` 然后重新安装： ```bash npm install ``` #### **(3) 更新 Android 配置** - **检查 `android/app/build.gradle`**： 确保没有手动添加的 `flatDir` 或本地 `.aar` 依赖： ```gradle dependencies { // 删除以下行（如果存在）： // implementation(name: 'jpush-5.1.2', ext: 'aar') // implementation(name: 'jcore-2.1.0', ext: 'aar') // 保留自动链接的依赖 implementation project(':jpush-react-native') implementation project(':jcore-react-native') } ``` - **检查 `android/settings.gradle`**： 确保包含以下内容： ```gradle include ':jpush-react-native', ':jcore-react-native' project(':jpush-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/jpush-react-native/android') project(':jcore-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/jcore-react-native/android') ``` #### **(4) 启用 Jetifier（AndroidX 兼容）** 在 `android/gradle.properties` 中确认： ```properties android.useAndroidX=true android.enableJetifier=true ``` #### **(5) 重新构建项目** ```bash npx react-native run-android ``` --- ### **3. 常见问题补充** #### **如果仍报错 `Transform's input file does not exist`** 说明 Gradle 仍在尝试加载本地 `.aar` 文件。检查以下文件： 1. **`android/app/build.gradle`**： 确保没有 `flatDir { dirs 'libs/jiguang' }` 配置。 2. **`node_modules/jpush-react-native/android/build.gradle`**： 检查是否有硬编码的本地依赖路径（罕见情况需手动修复）。 #### **强制使用远程仓库（可选）** 在 `android/build.gradle` 中添加极光官方仓库： ```gradle allprojects { repositories { google() mavenCentral() maven { url "https://maven.jiguang.cn/repository/public" } // 添加这行 } } ``` --- ### **4. 验证是否成功** - **Android 日志**： 运行应用后，检查 Logcat 过滤 `JPush`，确认初始化日志： ``` I/JPush: [JPushGlobal] init succeeded ``` - **设备通知测试**： 通过极光控制台发送测试通知，确认是否能接收。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值