RN:报错info Opening flipper://null/React?device=React%20Native

news/2024/7/15 17:57:28 标签: react.js, 前端, 前端框架

背景

在 ios 上使用 debug 模式的时候,报错:info Opening flipper://null/React?device=React%20Native,我找到了这个 issue

其实也可以看到现在打开 debug,是 open debug,也不是之前的 debug for chrome 了,这是因为使用新的 Hermes 引擎,从 React Native 0.70 版本开始 Hermes 已经默认启用,无需开发者再做任何配置。具体看 这里

并且 react native debugger 也不能用了,这里去 https://github.com/jhen0409/react-native-debugger 这里看到
在这里插入图片描述

JavaScript 运行时环境

在使用 React Native 时,你的 JavaScript 代码可能会运行在三个不同的环境上:

  • 从 React Native 0.70 版本开始,React Native 会默认使用Hermes引擎,它是专门为 React Native 而优化的一个新式开源 JavaScript 引擎。
  • 如果 Hermes 被禁用或是较早的 React Native 版本,则会使用JavaScriptCore,也就是 Safari 所使用的 JavaScript 引擎。但是在 iOS 上 JavaScriptCore 并没有使用即时编译技术(JIT),因为在 iOS 中应用无权拥有可写可执行的内存页(因此无法动态生成代码)。
  • 在使用 Chrome 调试时,所有的 JavaScript 代码都运行在 Chrome 中,并且通过 WebSocket 与原生代码通信。此时的运行环境是V8 引擎。(社区也有提供可以在生产环境中使用的react-native-v8)

方式一:使用flipper调试【推荐】

后面我看 ignite 也升级了 “react-native” 到 “0.72.5”

npx ignite-cli@next new PizzaApp

方式二:弃用hermes,使用默认的 jscore(JSC)

还有一种方式,找到 Podfile 文件,将 hermes_enabled 改为 false

:hermes_enabled => false

修改完记得重新 pod install

方式三:中间方案

方式二其实是把 hermes 关闭了,一些依赖 hermes 的程序可能有问题。

要不然就是先无视这个报错,在开发的时候使用方式二,然后项目上线的时候再改回去


http://www.niftyadmin.cn/n/5102283.html

相关文章

【Leetcode】【简单】136.只出现一次的数字

力扣(LeetCode)官网 - 全球极客挚爱的技术成长平台备战技术面试?力扣提供海量技术面试资源,帮助你高效提升编程技能,轻松拿下世界 IT 名企 Dream Offer。https://leetcode.cn/problems/single-number/description/ 给…

AWS SAP-C02教程6--安全

云的安全是一个重要的问题,很多企业不上云的原因就认为云不安全,特别是对安全性要求较高的企业,所以云安全是一个非常广泛且重要的话题,其实在之前章节中的组件都会或多或少讲述与其相关的安全问题,这里也会详细讲一下。本章主要通过讲述一些独立或与安全有关的组件以及网…

数据库备份与恢复(实战mysqldump+bin-log)

一、为什么要进行数据库备份? 常见数据库备份的应用场景如下: 数据丢失应用场景: 人为操作失误造成某些数据被误操作 软件 BUG 造成部分数据或全部数据丢失 硬件故障造成数据库部分数据或全部数据丢失 安全漏洞被入侵数据恶意破坏 非数据丢…

Hadoop3教程(二十二):Yarn的基础架构与工作流程

文章目录 (126)基础架构(127)YARN的工作机制(128)作业全流程参考文献 (126)基础架构 之前基本介绍完了Hadoop的几个核心组件,接下来可以思考下,在MR程序运行…

137.【SpringCloud-快速搭建】

微服务框架搭建 (一)、SpringCloud-Parent1.创建一个SpringBoot项目2.导入我们的依赖 (二)、SpringCloud-API (实体类)1.创建一个SpringBoot项目2.导入我们的依赖3.创建我们的实体类 (三)、SpringCloud-dept (业务A)1.创建一个SpringBoot项目2.导入我们的依赖3.配置我们的配置信…

maven构建拉依赖Malformed \uxxxx encoding

文章目录 简介踩坑原因解决方法一(不推荐)方法二(推荐)其他疑问简介 我在 mac 端本地拉项目下来,第一次点击 import pom 来产生第一次 build,发现能够拉依赖下来,在左侧也能看到依赖(jdk1.8 下的) 但是当我第二次 import pom 时候发现左侧依赖全消失了,而且提示错误…

SSTI模板注入(flask) 学习总结

文章目录 Flask-jinja2 SSTI 一般利用姿势SSTI 中常用的魔术方法内建函数 利用 SSTI 读取文件Python 2Python 3 利用 SSTI 执行命令寻找内建函数 eval 执行命令寻找 os 模块执行命令寻找 popen 函数执行命令寻找 importlib 类执行命令寻找 linecache 函数执行命令寻找 subproce…

【ArcGIS微课1000例】0075:将AutoCAD(Dwg、Dxf)文件转换为shp、KML(kml、kmz)文件

文章目录 1. 加载DWG2. 导出为shp3. 投影变换4. 转为kml1. 加载DWG 打开ArcMap,点击添加符号: 选择地形图dwg数据,全选图层,也可以选择需要的图层。 提示位置的空间参考,点击确定即可。 加载效果。 2. 导出为shp 接下来我们演示将面状数据转为shp,选择Polygon图层,右键…