React-Native搭建报错:Unable to load script.Make sure

在这里插入图片描述

报错

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.android.bundle。

解决方法

方法一

  • 创建android/app/src/main/assets文件夹
  • 执行命令
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res  
  • 重新执行 react-native run-android

参考文档:https://stackoverflow.com/que...

方法二

修改 项目目录/android/app/build.gradle里
在这里插入图片描述
主要是设置bundleInDebug等于true,使得开发时也会打包index.android.bundle。
参考文档:https://github.com/facebook/r...

58 声望
1 粉丝
0 条评论
推荐阅读
webpack常用知识点
webpack 4 引入了零配置的概念,提供的默认配置来减少重复工作。development 模式下,默认开启了NamedChunksPlugin 和NamedModulesPlugin方便调试,提供了更完整的错误信息,更快的重新编译的速度。

巨大星星星阅读 956

ReactNative0.71正式版发布,Ts作为首要开发语言
时隔近4个月的时间,ReactNative带来了0.71版本的更新,这速度对比隔壁Flutter不得不说是真的有的慢。这个版本的更新的内容还是比较重磅和突破性的,主要体现在如下几点:编程语法默认改为TypeScript使用Flexbox ...

似水流年2阅读 524

ReactNative开发笔记(持续更新...)
本文均为RN开发过程中遇到的问题、坑点的分析及解决方案,各问题点之间无关联,希望能帮助读者少走弯路,持续更新中... (2022年11月8日更新)

kovli阅读 3.6k

Native Wechat | React Native 微信 SDK
许多 React Native 开发者不具备原生开发能力,更不用提将他们的 App 对接到微信。尤其微信 OpenSDK 是一个令人头疼的东西,因为它的文档十分糟糕,里面许多的 API 并不清晰与直观。为帮助使用 React Native 的开...

HectorChong1阅读 448

最新版Android原生集成RN
现在不少应用都是采用了混合开发模式,不论是原生加RN,或是原生加Flutter,或是原生加H5。原生实现主业务线,其他部分可以借助跨平台方案开发,提高开发效率,或者实现热更新,调高业务迭代效率。

似水流年阅读 1.3k

React Native工程Monorepo改造实践
那在开发过程中存在的问题就是每个收银台的核心逻辑如商品展示、支付方式展示、下单购买等逻辑都大致相同,而每次有修改或者新增需求的时候都需要开发多次,重复代码较多效率低下。

云音乐技术团队阅读 618

封面图
React Native 0.71正式版发布,Ts成为默认开发语言
2023年1月14日,React Native官方发布了0.71版本,此版本带来了很多重磅和突破性的更新,同时,感谢70多位贡献者带来的了1000多次提交。下面是0.71版本带来的主要更新内容:

xiangzhihong阅读 452

58 声望
1 粉丝
宣传栏