react-native 安装指定的版本

最新推荐文章于 2024-05-02 13:01:58 发布
最新推荐文章于 2024-05-02 13:01:58 发布
阅读量1.9k 收藏
点赞数 1
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_28683541/article/details/88792167
博客主要介绍了 react-native 安装指定版本的相关内容，聚焦于信息技术领域中移动开发方面的操作。
journey_IT
关注
ReactNative一键登录完整集成：从阿里云账号创建到代码集成全方位方案指南
老猿阿浪的博客
06-30 815
本文深度剖析react-native-ali-onepass在提升移动应用登录转化率中的实战应用。从账号创建到代码集成，实现reactnative一键登录的完整实现指南
react-native 指定版本安装
hhthwx的博客
02-03 4911
最近在学习react-native，踩坑不停，把遇到的问题呢记录下来，和大家一起学习，多多指教 起初是按照文档中安装命令来安装 npm install -g react-native-cli@0.1.10 据说这个命令可以安装低版本的react-native，但是安装之后发现react-native的版本是0.52.2,但是原本想安装的版本是0.22.2 搜了很多方法，其中一个是说将nod
react-native-rich-editor：轻量级React Native（JavaScript，H5）富文本编辑器
02-05
React Native Rich Text编辑器 适用于Android和iOS（macOS和Windows）的功能齐全的Rich Text Editor？ 如果要使用flutter ，可以检查以添加flutter_rich_editor yarn add react-native-pell-rich-editor or npm i react-native-pell-rich-editor 另外，请按照说明添加本机react-native-webview依赖项。 （部分功能） RichEditor 编辑器组件。 只需将此组件放置在视图层次结构中即可接收功能齐全的RTF编辑器。 R
react-native init安装指定版本的react-native
weixin_30343157的博客
12-14 411
C:\Users\ZHONGZHENHUA\imooc_gp\index.js index.js /** @format */ import React,{ Component } from 'react'; import {AppRegistr...
react-native-syan-image-picker：React-Native多图片选择支持裁剪压缩
02-04
基于现有原生第三方框架封装的多图片选择组件，适用于React Native App。 原生框架依赖 安卓： - iOS： 通过 功能特点 支持iOS，Android两者 支持单选，多选 可自定义裁剪区域大小，支持圆形裁剪 可设置压缩质量 可...
react-native-amap3d：react-native高德地图组件，使用最新的3D SDK，支持Android + iOS
02-05
react-native-amap3d react-native高德地图组件，使用最新的3D SDK，支持Android + iOS，受启发，提供功能丰富且易用的接口。 相关项目推荐： 关联文档： : 功能 地图模式切换（常规，卫星，导航，夜间） 3D建筑...
react-native-collapsible-view:使用 react-native-collapsible 实现的可扩展 View 元素
08-04
基于React Native 动画可折叠视图组件 概述 可折叠的常见用例的一个简单组件 - 一个可见的标题，其下方有一个可折叠的视图。 主要特点 超级简单的 API 但完全可定制！ 箭头动画指示可折叠是否展开。 ...
react-native-loading-spinner-overlay：React Native加载微调器叠加层
01-30
npm install react-native-loading-spinner-overlay ： yarn add react-native-loading-spinner-overlay 例 有关示例实现，请参见。 选件 属性 类型 默认 描述 可取消 布尔型 false Android ：如果设置为false，...
ReactNative官方导航各版本安装步骤
wayne214的博客
11-18 1456
1.x和2.x版本 yarn add react-navigation # or with npm # npm install --save react-navigation 3.x版本 yarn add react-navigation # or with npm # npm install react-navigation yarn add react-native-gesture-hand...
react-native 初始化指定版本
weixin_34029680的博客
11-16 387
2019独角兽企业重金招聘Python工程师标准>>> ...
创建指定版本的react-native项目
牛八少爷的专栏
08-20 5189
目录   创建一般react-native项目： 创建指定版本的react-native项目 查看react-native版本 创建一般react-native项目： react-native init 项目名称 创建指定版本的react-native项目 react-native init 项目名称 --version 0.55.4 注：--version 前面必须两个“-...
ReactNative创建制定版本的项目
bobby_fu的博客
01-10 387
npx react-native init MyApp --version 0.59.3
react-native 阿里云一键登录
weixin_43947842的博客
04-09 2926
react-native 实现一键登录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录react-native 实现一键登录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结学习目标：学习内容：学习时间：学习产出：前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言一、pandas是什么？二、使用步骤1.引入库2.读入
前端程序猿的天花板？react-native开发及调试方案（真实项目，建议收藏）
2301_82243626的博客
05-02 199
全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价，看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战，如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件。
React Native 运行环境安装：0.6以下/以上版本的 新老项目 都适用
ws1836300的博客
07-17 1086
用新环境运行老RN项目，或者换电脑运行RN项目，环境配置不对会引起项目无法执行，建议先重新安装环境，然后执行：因为RN项目的运行与本地环境，终端脚本执行顺序，模拟器版本等都有关系。 1.卸载Homebrew 并重新安装 1.1先卸载Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)" 1.2然后再安装 /usr...
reactnative环境搭建-windows
weixin_44114524的博客
06-14 1368
win10安装react native环境经验
Windows搭建react-native（RN）环境，RN版本0.55，jdk8，node12.2.0,Android Studio
qq_45152044的博客
06-10 4518
Windows搭建react-native（RN）环境，RN版本0.xx，jdk8，node12.2.0,Android Studio，
前端程序猿的天花板？react-native开发及调试方案（真实项目
m0_70522111的博客
05-04 1859
需要开启两个服务 node依赖 node ./node_modules/react-native/local-cli/cli.js start --reset-cache 运行项目 npm run dev:rn 项目启动后，刷新mumu浏览器（双击R，手速要快—— 单身程序猿的福音） 接下来就会看到控制台编译此项目，如下： 编译成功是这样的（会看到APP运行） 效果 摇一摇配置本地IP地址 接下来会看到如下页面： 本地IP地址 + 端口 谷歌打开调
{ "name": "AwesomeProject", "version": "0.0.1", "private": true, "scripts": { "android": "react-native run-android", "ios": "react-native run-ios", "start": "react-native start", "test": "jest", "lint": "eslint .", "postinstall": "patch-package", "generate:icons": "node generateIconMap.js" }, "dependencies": { "@ant-design/icons-react-native": "^2.3.2", "@ant-design/react-native": "^5.1.0", "@react-native-async-storage/async-storage": "^1.19.0", "@react-native-community/cameraroll": "^4.0.0", "@react-native-community/masked-view": "0.1.11", "@react-native-community/segmented-control": "^2.1.1", "@react-native-community/slider": "^3.0.3", "@react-native-community/viewpager": "^4.1.6", "@react-native-picker/picker": "^1.16.8", "@react-navigation/native": "^6.1.7", "@react-navigation/native-stack": "^6.9.12", "@rneui/base": "^4.0.0-rc.8", "@rneui/themed": "^4.0.0-rc.8", "d3-shape": "^1.3.7", "minio": "^7.0.15", "react": "17.0.2", "react-native": "0.68.0", "react-native-background-timer": "^2.4.1", "react-native-device-info": "^8.1.3", "react-native-elements": "^1.2.7", "react-native-exception-handler": "^2.10.10", "react-native-fs": "^2.18.0", "react-native-gesture-handler": "2.14.0", "react-native-get-location": "^2.1.0", "react-native-get-random-values": "^1.4.0", "react-native-image-picker": "^3.8.1", "react-native-image-zoom-viewer": "^3.0.1", "react-native-linear-gradient": "^2.8.3", "react-native-modal-dropdown": "^1.0.2", "react-native-permissions": "3.8.0", "react-native-reanimated": "2.14.4", "react-native-safe-area-context": "3.3.2", "react-native-screens": "3.15.0", "react-native-signature-capture": "^0.4.12", "react-native-sound": "^0.11.1", "react-native-sqlite-storage": "^4.1.0", "react-native-svg-charts": "5.4.0", "react-native-table-component": "^1.2.2", "react-native-vector-icons": "^9.2.0", "react-native-webview": "^11.26.0", "react-redux": "^7.2.0", "redux": "^4.0.5", "redux-thunk": "^2.3.0" }, "devDependencies": { "@babel/core": "^7.12.9", "@babel/runtime": "^7.12.5", "@react-native-community/cli-doctor": "^10.0.0", "@react-native-community/eslint-config": "^2.0.0", "@react-navigation/native": "^6.1.7", "@react-navigation/native-stack": "^6.9.12", "babel-jest": "^26.6.3", "babel-plugin-import": "^1.13.8", "eslint": "^7.32.0", "jest": "^26.6.3", "metro-react-native-babel-preset": "^0.68.0", "patch-package": "^6.4.7", "react-native-version-check": "^3.5.0", "react-test-renderer": "17.0.2" }, "jest": { "preset": "react-native" } } 为什么 npm i 后就会报错D:\AwesomeProject>npm i npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm error While resolving: AwesomeProject@0.0.1 npm error Found: react-native-gesture-handler@1.10.3 npm error node_modules/react-native-gesture-handler npm error react-native-gesture-handler@"^1.10.3" from the root project npm error npm error Could not resolve dependency: npm error peer react-native-gesture-handler@">=2.14.0" from @ant-design/react-native@5.4.2 npm error node_modules/@ant-design/react-native npm error @ant-design/react-native@"^5.1.0" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error C:\Users\临时\AppData\Local\npm-cache\_logs\2025-07-31T05_28_06_947Z-eresolve-report.txt npm error A complete log of this run can be found in: C:\Users\临时\AppData\Local\npm-cache\_logs\2025-07-31T05_28_06_947Z-debug-0.log
最新发布
08-01
<think>好的，用户现在遇到了npm安装依赖时的ERESOLVE错误，需要解决。首先，我需要仔细分析用户提供的package.json和错误信息。 首先看错误信息，核心是react-native-gesture-handler的版本冲突。用户的项目中，根项目要求react-native-gesture-handler是^1.10.3，但@ant-design/react-native@5.4.2需要peer依赖>=2.14.0的版本。这导致npm无法解析依赖树。 接下来，检查用户的package.json中的dependencies部分，发现用户已经将react-native-gesture-handler指定为2.14.0。但错误信息中显示找到的是1.10.3，这说明可能存在缓存或安装时未正确更新的情况。 可能的原因包括： 1. package.json中的版本未正确保存，或者npm安装时没有读取到最新的配置。 2. 存在其他依赖间接引入了react-native-gesture-handler@1.10.3，覆盖了根项目的版本。 3. npm缓存导致旧版本被保留，未安装新版本。 解决方案需要逐步排查。首先，用户需要确认package.json中的react-native-gesture-handler版本确实是2.14.0，并且没有拼写错误。然后，清除npm缓存和node_modules，重新安装。如果问题依旧，可能需要检查是否有其他依赖强制使用了旧版本的gesture-handler。 另外，用户可能在安装过程中没有完全删除旧的依赖，导致npm仍然解析到旧版本。这时候需要彻底清理缓存和node_modules，确保安装时使用最新的配置。 此外，检查@ant-design/react-native的版本是否与用户指定的^5.1.0一致，可能实际安装的是5.4.2（因为^5.1.0会安装5.x的最新版），而5.4.2的peer依赖要求更高的gesture-handler版本，所以需要确认是否版本兼容。 总结步骤应该是：清理缓存和node_modules，确保package.json正确，重新安装。如果问题持续，检查是否有其他依赖冲突，或者考虑使用--legacy-peer-deps临时解决。 </think>你遇到的依赖冲突问题核心原因是 **`react-native-gesture-handler` 的版本与 `@ant-design/react-native` 的 peer 依赖不匹配**，但结合你提供的 `package.json` 内容，问题可能隐藏更深层次的矛盾。以下是具体分析和解决方案： ### 问题根源分析 你的 `package.json` 中明确指定了 `react-native-gesture-handler: "2.14.0"`（最新兼容版本），但 `npm i` 时仍报错“Found: react-native-gesture-handler@1.10.3”，这说明 **npm 在解析依赖时，实际安装的版本被其他依赖覆盖了**。可能的原因： #### 1. 其他依赖间接引入了低版本 `react-native-gesture-handler` 虽然你显式指定了 `2.14.0`，但项目中某个依赖（如 `react-navigation` 或其他库）可能通过 `peerDependencies` 或 `dependencies` 强制要求了 `1.10.3`，导致 npm 优先选择低版本以满足所有依赖的约束。 #### 2. npm 缓存或残留文件导致版本未更新 `node_modules` 或 `package-lock.json` 中可能残留了旧版本的 `react-native-gesture-handler`，导致 npm 未按 `package.json` 的新版本安装。 ### 分步解决方案 #### 步骤 1：清理缓存和残留文件（关键） npm 可能因缓存或旧锁文件导致版本解析错误，需彻底清理： ```bash # 删除当前 node_modules 和 package-lock.json（锁文件） rm -rf node_modules package-lock.json # 清理 npm 缓存（可选但推荐） npm cache clean --force ``` #### 步骤 2：验证 `package.json` 配置 检查 `package.json` 中以下两点是否正确： - `react-native-gesture-handler` 的版本是否为 `"2.14.0"`（无拼写错误）。 - `@ant-design/react-native` 的版本是否为 `"^5.1.0"`（若实际需要更低版本兼容，可调整为 `4.x`）。 #### 步骤 3：重新安装依赖并强制使用指定版本 执行安装命令时，通过 `--force` 或 `--legacy-peer-deps` 强制 npm 忽略冲突（根据情况选择）： ```bash # 方案 A：强制使用 package.json 指定的版本（可能覆盖其他依赖的约束） npm install --force # 方案 B：忽略 peer 依赖检查（若方案 A 无效） npm install --legacy-peer-deps ``` #### 步骤 4：检查是否有其他依赖冲突（关键） 如果步骤 3 后仍报错，需排查是否有其他依赖间接引入了低版本 `react-native-gesture-handler`： ```bash # 查看 react-native-gesture-handler 的依赖树 npm ls react-native-gesture-handler ``` 输出会显示所有直接/间接依赖 `react-native-gesture-handler` 的库。例如，若 `react-navigation` 某版本要求 `1.x`，则需升级 `react-navigation` 到支持 `2.x` 的版本（如 `@react-navigation/native@6.x` 及以上）。 #### 步骤 5：升级冲突依赖（终极方案） 如果发现某个关键依赖（如 `react-navigation`）强制要求 `react-native-gesture-handler@1.x`，则需： 1. 升级该依赖到支持 `2.x` 的版本（例如，`@react-navigation/native@6.x` 支持 `react-native-gesture-handler@2.x`）。 2. 重新执行步骤 1-3 安装依赖。 ### 验证解决效果 安装完成后，再次运行 `npm ls react-native-gesture-handler`，确认输出的版本是 `2.14.0`。若显示正确，则依赖冲突已解决；若仍显示 `1.10.3`，需重复上述步骤或检查是否有隐藏的依赖约束。 ### 总结 你的问题表面是版本冲突，实际是 npm 依赖解析时低版本被其他依赖覆盖。通过清理缓存、强制安装和排查间接依赖，可解决此问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值