React Native运行npm start卡住了？

最新推荐文章于 2025-05-23 14:59:53 发布
原创 最新推荐文章于 2025-05-23 14:59:53 发布 · 3.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#RN #混合开发

本文针对初学者在使用React Native（RN）过程中遇到的启动卡顿问题提供了实用的解决方案，包括检查端口占用情况和更新软件版本等。

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

刚开始玩RN的同学，真的会遇到很多莫名其妙的问题，当然，这些问题大部分都是版本和配置方面的问题

执行命令：react-native run-ios 或者npm start

不少同学都会遇到，shell在执行到Loading dependency graph, done.就卡住了

解决方案：

1.查看端口（8081，具体看你的配置）是否被占用

大部分都不是这个原因

2.检查软件版本

检查node的版本，一定要升级到最新的（0.56的RN只支持node 8.3以上的版本）

检查react-native的版本，也升级到最新

 

何浪
关注
React Native的开发流程是怎样的？
Front end development engineer
11-20 1万+
在本文中，我们详细介绍了 RN 的开发流程，包括如何在移动设备上运行应用、如何快速刷新、如何使用 Metro、如何使用第三方库、如何使用 TypeScript、如何更新应用等等。
Android | 配置并运行React Native项目
JifengZ9的博客
05-18 2131
初次运行React Native项目
React-native start 卡在 Loading dependency graph... ，app卡在loading from ip:8081..怎么破？
qq_28741899的博客
04-16 3103
相信不少人好不容易装好React-native的环境后，一运行就遇到下面这种情况。。。 Excuse me？等了几十分钟还在loading??? React-native start 运行结果 app运行结果 这是因为服务器没顺利开启，造成app连接不到服务器，所以服务器和app都一直在加载中 直接贴解决方法 依次运行 echo 256 | sudo tee -a /proc...
npm install 或者 npm start 一直卡住
atzqtzq的博客
06-01 3023
npm install 或者 npm start 一直卡住 国外镜像就是不行，我试了n多方法，用vpn，命令行代理设置，都不行，最后换淘宝镜像，立马能用。 npm config set registry https://registry.npm.taobao.org 1 – 配置后可通过下面方式来验证是否成功 npm config get registry 1 2 然后 npm instal...
react native搭建项目
最新发布
qq_39460057的博客
05-23 1029
React Native 是一个使用 JavaScript 和 React 构建跨平台移动应用的框架。
解决npm install总是卡住不动的问题
热门推荐
qq_32755875的博客
04-19 2万+
遇到的问题 npm install -g nodemon 安装nodemon工具时，发现进度条一直卡住不动，相信很多朋友也遇到过。原因应该是国内的网络连接npm速度较慢，甚至很多东西都无法下载安装。那么如何解决这个问题呢？ 方法一：安装cnpm镜像 这个是比较常用的方法，我首先也是使用了这个方法。 cnpm的安装方法，参考http://npm.taobao.org/ npm install -g...
react native项目无法正常运行的一些原因及其解决方法
weixin_51867204的博客
04-15 2063
这里强推真机模拟，大家刚开始上手rn最开始接触到的肯定是android studio自带的模拟器，这个是真的有点坑的，别嫌麻烦研究一下怎么打开手机的开发者模式。记得连接usb后选择文件传输，仅充电是开发不了一点的。可以选择在输入指令时在末尾添加 --port=端口号。rn脚手架遇到端口冲突不会自动调整，只能手动调整。也可以在配置文件中修改配置（我不知道在哪，百度有）刚开始用rn的时候项目经常打不开，总结了下面几个方面的问题。项目一会儿能跑一会儿跑不了基本是缓存问题。
npm命令卡死
lanluyug的博客
07-25 2505
一般情况下是配置文件时出现了偏差；比如命令npm -v；npm config set与npm install都无法使用. 解决办法： .npmrc有两个文件，一处在安装目录下； 另一处在C:\Users\Administrator下有一个.npmrc的隐藏文件，将其直接删掉就能解决npm命令卡死的情况。 ...
react启动卡住Starting the development server...
qq_41904028的博客
05-13 4852
react启动卡住Starting the development server… npm start 或者yarn start 启动一直卡在Starting the development server…，如下图： #原因 可能有多个原因，我遇到的原因是： windows安全禁止意外的操作打开浏览器 #解决方法 1、重启IDE—>启动项目，看看有没有windows弹窗提示允许或者拒绝操作，（我到这一步没有提示） 2、上一步没有提示的话，重启电脑再启动IDE、启动项目，就有提示了，然后选择允许操作，不
Android原生项目集成React Native的方法
08-28
Android原生项目集成React Native的方法 Android原生项目集成React ...在应用中添加JS代码，首先需要在项目的根目录中运行以下命令：$ npm init、$ npm install --save react react-native、$ curl -o .flowconfig ...
react-native-super-lottery:react native prize wheel 9宫格抽奖
05-02
$ npm i react-native-super-lottery --save Usage 转盘只支持九宫格。 // 引入相关的类库 import { Lottery, LotteryItem } from 'react-native-super-lottery'; // 调用Lottery组件 data={lotteryData} ...
解决React Native端口号修改的方法
08-29
`npm start react-native start –port 8099` 修改即可，即可完成配置，摇晃手机，刷新页面即可！ 结论 ---------- 解决React Native端口号修改的方法有两种，一种是使用命令行修改端口号，另一种是在Android中...
如何解决npm脚本卡主不执行的问题
_
09-06 1146
问题现象 npm start 执行卡住不执行 解决方式 1. 重启电脑 - 无效 2. 删除node_modules -起效
React Native卡住Loading dependency graph…
04-13 1260
React Native进行调测时，执行npm start命令，终端显示如下 Loading dependency graph… 一直卡在这，没反应。 正常的现象应该是：Loading dependency graph, done. 再次给出解决方法： 终端执行brew reinstall watchman命令，重装watchman。 原因分析watchman异常，导致网络连接失败。 ...
React为什么总是死循环、卡死？成因总结/详细解析
weixin_47520173的博客
08-04 3094
React死循环成因
react-native 启动白屏问题解决方案
weixin_30588827的博客
03-01 341
当 react-native 的 bundle 包过大的时候,可能会出现加载完启动图之后会有一个白屏出现 ,然后才是你的 APP 的第一个页面, 这是由于在加载完启动图之后,也就是执行完 applicationDidFinishLaunch(){}的时候,React Native应用在启动时会将js bundle读取到内存中，并完成渲染。这期间由于js bundle还没有完成装载并渲染，所以界面显...
2024 npm install 卡住不动怎么办，这几种方法教你解决
qq_50221178的博客
09-27 5226
运用上述方法可以解决大多数npm install卡住的问题。
解决 npm install 卡住不动或执行失败
XT4625的专栏
11-25 1090
解决 npm install 卡住不动或执行失败
[mac笔记]ReactNatived环境配置
mashang123456789的专栏
11-29 1006
1环境需求 1.1安装Homebrew 1.2安装npm 1.3安装Nods.js 1.4安装WatchMan brew install watchman 上一行命令安装不成功，尝试用Macport方式安装 参考链接： 根据自己macOS的系统下载MacPorts-2.4.2-10.12-Sierra.pkg https://guide.macports.org/#install
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值