React Native环境搭建--总结遇见的所有问题!!

news/2024/11/29 18:16:05/文章来源:https://www.cnblogs.com/fengok/p/18577316

参考博客:

超详细React Native环境搭建以及运行项目(Windows环境)_react-native 0.59环境-CSDN博客

'react-native' 不是内部或外部命令,也不是可运行的程序 或批处理文件。_react-native' 不是内部或外部命令,也不是可运行的程序-CSDN博客

npm安装依赖超时,报错npm error code ECONNRESET_npm error code econnreset npm error syscall read n-CSDN博客

React Native 绑定夜神模拟器进行调试_react-native绑定模拟器-CSDN博客                    --》需要做的:为了保持安装的 Android sdk 版本与 夜神模拟器的 sdk 版本一致!

vscode 连接夜神模拟器 运行 react native项目 (很简单的方法)_vscode连接夜神模拟器-CSDN博客      --》使用adb服务,启动并连接夜神服务

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

①安装node
②在node_modules同级下新建node_cahe、node_global
③执行npm config set prefix (进node_global上面显示的路径)、npm config set cache (进node_cache上面显示的路径)
【最好用管理员模式、否则设置了不起作用,安装包的时候报目录设置错误】
④设置环境变量:
系统变量:新建NODE_PATH(进node_global下的node_modules上面显示的路径)、并在path中添加路径(进nodejs的)、、
用户变量:将变量【path】中的C:\Users\用户名\AppData\Roaming\npm改为node_global上面显示的路径)
⑤测试:运行node -v、npm -v 安装npm install express -g可在全局模块包目录看到
卸载重新安装新版本node步骤:①控制面板卸载   ②删除安装目录文件夹、安装下载的数据包

开启模拟器,进行连接(根据你目录路径,运行命令)
F:\AndroidSDK\platform-tools>adb.exe connect 127.0.0.1:62001

D:\Program Files\Nox\bin>nox_adb.exe connect 127.0.0.1:62001

D:\Program Files\Nox\bin>adb devices
List of devices attached
127.0.0.1:62001 device

能看到就是连接好了,使用react-native run-andriod,启动项目(首次使用,会打包下载安装到模拟器)

后续使用:npm start 启动项目

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

运行react-native项目需要安装一个识别命令的工具包npm install -g react-native-cli

遇到的问题及解决方法:

1. vscode报错:react-native : 无法将“react-native”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

--安装npm install -g react-native-cli

 

2. 安装cli包时失败:network request to https://registry.npmjs.org/react-native-cli failed, reason: read ECONNRESET

--如果没有代理,更换镜npm config set registry https://registry.npmmirror.com/

 

3.vscode报错:SyntaxError: Unexpected token ;

说明版本不兼容,读取不了某些语句--解决:升级node版本

 

4.vscode报错:无法加载文件;

更改执行策略  打开powershell以管理员身份运行--Get-ExecutionPolicy、Set-ExecutionPolicy RemoteSigned -Scope CurrentUser--重新运行命令

 

5.vscode报错:C:\Users\  XXX,gradle构件错误--项目路径包含非 ASCII 字符

更改项目存放位置,要求放在非中文路径下

 

6.vscode报错:adb server version (36) doesn't match this client (41); killing...adb服务端版本(36)和客户端版本(41)不匹配,这可能导致通信问题。之后adb.exe: device '127.0.0.1:62001' not found反复出现

sdk目录下的adb.exe复制并重复名为nox_adb.exe,放到nox的bin目录下替换掉原来的

 

安装依赖时出错:

① 451 Unavailable For Legal Reasons - GET https://registry.npmmirror.com/

更换镜像:npm config set registry https://registry.npmjs.org/

②not permitt

更改cache目录下文件完全控制权

 

夜神模拟器报错:

1.500-Metro has encountered an error: Cannot read properties of undefined (reading 'transformFile')

检查metro和babel相关的依赖项是否安装正确且版本兼容:

npm list metro
npm list babel

(因为 Metro 通常与 Babel 一起使用进行代码转换)--缺少则npm install metro - core metro - runtime、npm install @babel/core @babel/preset - env @babel/preset - react--》

 

500metro版本不兼容问题,不用装它了,直接重装能识别它的node版本,我这同事运行的是node16.17版本

【下载node16.17版本的地址】:https://nodejs.org/dist/v16.17.0/

 

总结:node版本要对,提前确定一下同事能运行项目的版本号。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/843558.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

为 TVM 添加对 Paddle 量化模型的支持

1 简介 随着深度学习应用的广泛使用,量化模型作为一种有效的模型压缩技术,能够在保持模型精度的同时减少模型的计算和存储开销。本文将介绍如何在 TVM 上为 Paddle 深度学习框架中的量化模型提供解析支持。 2 量化方法 目前主流的的量化方法主要分为 QOperator 和 QDQ(Quanti…

tp6 url 规则

http://tp.cc/index.php/index/test return view( index, [info => $info, sj=>$sj] );

拥抱 OpenTelemetry:阿里云 Java Agent 演进实践

我们用了接近一年的时间完成了基于 OTel Java Agent 的升级重构,并于今年 5 月份发布了 4.x 探针的第一个版本 4.1.0,经过接近半年时间的验证、回归、优化,目前最新的稳定版本 4.1.12[11]已经正式发布,欢迎大家了解使用。作者:陈承 背景 在 2018 年的 2 月,ARMS Java Age…

BIM技术:数字孪生城区建设的加速器

在智慧城市建设的浪潮中,BIM(建筑信息模型)技术以其独特的优势,成为推动数字孪生城区建设的重要技术力量。本文将探讨BIM技术如何成为数字孪生城区建设的加速器,以及其在建设过程中的关键作用。BIM技术与数字孪生城区的融合数字孪生城区是指在数字空间构建一个与实体城市相…

ADF - [01] 概述

题记部分 001 || 简介Azure Data Factory (ADF) 是微软 Azure 云平台提供的一种数据集成服务,它允许用户创建、安排和管理数据管道,以实现从不同来源抽取数据、转换数据并加载到目标存储的过程。这个过程通常被称为 ETL(Extract, Transform, Load)。002 || 适用场景 【1】…

使用Powershell运行脚本报错的处理方法

最近在一台办公电脑上运行powershell脚本时报错如下: 系统上禁止运行脚本。有关详细信息,请参阅 https :/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + .\CreateFolders.ps1 + ~~~~~~~~~~~~~~~~~~~ + CategoryInfo : S…

20222408 2021-2022-2 《网络与系统攻防技术》实验七实验报告

1.实验内容 1.1实验内容简述 (1)应用SET工具建立冒名网站。 (2)利用ettercap完成DNS欺骗攻击。 (3)结合应用两种技术,使被攻击者会通过域名访问到冒名网站。 (4)结合攻击过程,提出具体防范方法。 1.2学习内容简述 (1)学习SET工具和ettercap工具的使用。 (2)理解A…

Vulnhub sick0s1.1

0x01:端口扫描 主机发现 nmap -sn 192.168.231.0/24全端口扫描 nmap --min-rate 10000 -p- 192.168.231.14122ssh,3128squid-http,但8080http是关闭的Squid 是一个高性能的开源代理服务器软件,它支持多种协议,包括 HTTP、HTTPS、FTP 等。它通常用于以下几种用途: 1、Web代…

Gemini

Gemini: 大规模DNN芯片阵列加速器的布局和架构 摘要 chiplet概要目标Chiplet(芯片阵列)技术允许在单一加速器上集成不断增加的晶体管的数量,在前摩尔定律时代获得了更高的效果,体现了在快速AI迭代进步中需要的大量算力。 但是,这样也引进了更高昂的大包开销,以及大量的d2…

hhdb数据库介绍(10-19)

监控 智能物理拓扑 物理拓扑图主要以服务器为视角展示集群组件与服务器的所属关系,同时可查看服务器资源的使用情况以及各集群组件服务运行状态。使用前需保证为集群服务器配置了可用的SSH连接信息,否则只能查看当前服务器与集群组件的所属关系,无法查看服务器与组件程序的状…

IDEA 2024.3 安装激活教程(至2099年)

IntelliJ IDEA简介 IntelliJ IDEA是一款非常强大的Java集成开发环境(IDE),由JetBrains公司开发。它提供了丰富的功能和工具,帮助开发者更高效地编写、调试和部署代码。 要求 在开始之前,请确保您的计算机满足以下系统要求:操作系统:Windows、macOS或Linux 处理器:至少1 GH…

证书安装后为什么还显示证书无效

在数字化时代,网络安全和数据保护变得尤为重要。SSL/TLS证书作为保护网站和用户数据安全的重要工具,其正确安装和有效性是网站运营者必须关注的问题。然而,有时候即使证书已经安装,用户仍然会遇到“证书无效”的提示,这可能由多种原因引起。本文将探讨在证书安装后,为何用…