从原理上彻底解决 react native unable to load script

最新推荐文章于 2024-08-31 07:55:40 发布

yuxinabc

最新推荐文章于 2024-08-31 07:55:40 发布

阅读量1.3k

点赞数

文章标签： react native nodejs

本文链接：https://blog.csdn.net/yuxinabc/article/details/107577443

版权

我们启动一个react native 项目，会自动用node启动一个后台服务，app会访问这个服务来获取bundle，出现unable to load script的原因，就是因为app访问不到这个后台服务

我们首先要确认这个后台服务起来没有，在浏览器中输入localhost:8081,如果出现如下图，则表示服务已经起来了

而且本机ip:8081也必须能够访问！而且本机ip:8081也必须能够访问！而且本机ip:8081也必须能够访问！重要的事情说三遍！！！

mac查看本机ip

如果本机ip:8081访问不了，很有可能8081端口被占用了

mac下查看端口使用情况

lsof -i tcp:8081

上图是正常情况下8081端口使用，因为我已经用运行项目，所以node占用了8081,qumu-syst是安卓模拟器，Google我也不知道是啥，但没影响

如果出现多个不同的进程，则说明8081端口被多个应用所占用，需要根据pid来kill不需要的进程，我遇到的情况是java占用了8081端口

根据pid结束进程

kill -9 pid

此时关闭Metro终端，再重启应用（yarn android）就能正常的运行项目了，这是我爬了一天的坑，希望其他人别再爬了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yuxinabc

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

ReactNative从入门到原理

02-25

本文分为两个部分：上半部分用通俗的语言解释了相关的名词，重点介绍ReactNative出现的背景和试图解决的问题。适合新手对ReactNative形成初步了解。(事实证明，女票能看懂这段）下半部分则通过源码（0.27版本）分析...

真机测试-unable to load script 坑

最新发布

gitblog_00653的博客

08-31

762

React Load Script 使用教程 react-load-scriptReact component that makes it easy to load 3rd party scripts项目地址:https://gitcode.com/gh_mirrors/re/react-load-script 项目介绍 react-load-script 是一个用于在 React 应用中动态加...

react-native启动时红屏报错：Unable to load script.Make sure you're either running a metro server or that ...

THMAIL的博客

08-20

5852

一、报错信息内容我是在Android Studio中运行启动react-native项目时报的这个错误 1、报错提示：Unable to load script.Make sure you're either running a metro server（run 'react-native start' ） or thatyour bundle 'index.and...

初学React Native遇到的问题

飘渺孤鸿影_的博客

12-22

487

如果缺少该文件，可以尝试重新生成它，运行 react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res 命令来重新生成 bundle 文件。

React-Native搭建报错Unable to load script等，持续更新

weixin_45077505的博客

10-08

1114

报错信息 Unable to load script.Make sure you're either running a metro server（run 'react-native start' ） or that your bundle 'index.android.bundle' is packaged correctly for release. 报错原因没有找到index.andr...

React-native 启动时报错：Unable to load script ....

weixin_40744393的博客

12-23

923

1. 报错 Unable to load script.Make sure you're either running a metro server（run 'react-native start' ） or thatyour bundle 'index.android.bundle' is packaged correctly for release. 2. 原因 index.an...

解决React Native端口号修改的方法

08-29

解决React Native端口号修改的方法 React Native是一款流行的跨平台移动应用开发框架，但是在开发过程中，经常会遇到端口号修改的问题。今天，我们将为您介绍解决React Native端口号修改的方法。为什么需要修改...

React native运行报错：Unable to load script.Make sure you are either running a Metro server or that...

weixin_51002293的博客

01-17

1226

运行以下命令，这个命令相当于手动打包。并且打包的是生产环境的包、指定了入口文件、指定了bundle的输出目录、指定了静态资源的输出目录。缺陷：每次代码更新都需要执行这个命令。检查本地是否有其它进程占用了8081端口，因为Metro打包运行时自动使用8081端口(我就是这个问题排查了一天最后发现本地有别的h5项目用的8081)- 先清理项目，依次输入以下命令。- 返回根目录`cd ..`

Unable to load script code in VisualGuidance.The script will not be used until the error 的错误的解决方法

weixin_42429992的博客

01-03

472

1.ToolBlock工具中输入端添加的9个double变量 2.我需要在VisualGuidanceRobot1脚本中使用以上9个变量，但是在#region auto-generated中为生成这9个变量的属性，自行无法去添加。出现以下提示Unable to load script code in VisualGuidanceRobot1. The script will not be used until the error is corrected 3 .解决方法...

Electron的 Unable to load preload script 报错解决方案

weixin_46684929的博客

06-10

5071

运行 quasar 项目时，控制台出现 "Unable to load preload script" 的错误提示，但是程序运行没有丝毫问题，因为在 Electron 22.0.0 版本当中，sandbox 成为了默认选项，在开启了沙盒环境的情况下，preload 脚本默认被禁用（但实际体验还是能用？目录下文件被预加载，再使得这个文件指向的脚本 src-electron/electron-preload.js 被加载，所以推测在预加载的某个过程出现问题

electron sentry/electron Unable to load preload script

Z-VegetableBird的博客

10-19

4095

electron 在preload加载crash模块的时候报错Unable to load preload scriptSyntaxError: Unexpected token * 经分析importis indeed part of ES6 所以如果需要争取预加载carsh模块。可以把import改用require需要如下使用 const {init} = require('@sentry/electron') const {crashReporter} = require('elect...

记录一个electron的preload错误

qq_31460469的博客

02-26

1843

preload问题

react native模拟器 (夜神) unable to load script

a314753967的博客

08-29

3151

react native模拟器 unable to load script

2401_84519929的博客

05-08

662

今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司20年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。

win10 windows10 react-native rn 环境安装配置Unable to load script from assets ‘index.android.bundle终极解决方案

DavisCZ的博客

06-28

6985

首先说明一下我的情况,新手开始学rn,之前只看过阮一峰大神和一个翻译国外react入门的文章,然后直接开始rn配置,也是一步一步看着网上的教程开始的,刚开始问题太多,没有写中间的bug,直到最后这一个bug搞了我半个下午半个上午,今天上午终于看到期望已久的helloworld的界面,如下图所示想着把最后一个bug记录一下,以恩泽像我一样的小白,我配置环境配置了2天呀,2天呀,2天呀,配置的我.........

在Mac电脑上进行React-Native安卓真机运行报错解决：解决 unable to load script from assets 'index.android bundle'...

CheyBen的博客

03-11

546

一、分析解决（步骤一） **原因：**assets中没有成功打包出index.android.bundle文件 **解决：**1、去（你的项目文件夹）\android\app\src\main目录下新建asset文件夹　　　　 2、项目根目录下运行　　　　 react-native bundle --platform android --dev false --entry-file in...