项目初始化以后出现:Unable to load script from assets 'index.android.bundle

Mac中真机测试React Native project时出现Unable to load script from assets ‘index.android.bundle‘

2018年01月21日 01:59:38 neuHenry 阅读数:1186

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010347226/article/details/79117940

刚接触学习React Native,在进行真机调试时,报错出现Unable to load script from assets ‘index.android.bundle’. Make sure your bundle is packaged correctly or you’re running a packager server。这里对此做一下记录;

笔者对此也查了相关的解决方法,但是并没有解决我所遇到的问题,解决方法如下:

第一步:首先切到我们工程的根目录下,然后在android/app/src/main目录下新建一个assets文件夹,可以在终端中执行以下命令建立:

mkdir android/app/src/main/assets
  • 1

当然也可以在Android Studio中手动建立;

第二步:同样需要在我们工程的根目录下,执行以下命令:

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
  • 1

第三步:重新运行以下命令即可:

react-native run-android
  • 1

然而,这样并没有解决上述问题,依然报错,且此时会出现另外一个问题:

Cannot find entry file index.android.js in any of the roots: ["/Users/******/ReactNativeProjects/FirstReactApp"]
  • 1

这时我们去assets文件夹下才发现,第二步的命令并没有在assets文件夹中生成我们所需的文件,里面没有任何文件生成,此时笔者继续查找,在Stack Overflow中找到了解决方法,用下面的命令替换刚才第二步的命令:

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
  • 1

原来是index.android.js已经改成index.js,难怪找不到呢!!! 
使用上述命令后,此时在assets文件夹下会多出index.android.bundle和index.android.bundle.meta两个文件;

再重新运行工程,终于出现运行成功的界面啦! 

小结:遇到问题时要敢于去解决,多查找问题的原因,这里index.android.bundle是用来调用系统原生控件的js脚本,每次当你改变了 index.js时,需要使用上面的命令及时地更新index.android.bundle,然后打包才可以把新的index.js应用上,所以当没有index.android.bundle文件时,React Native是无法运行的;

项目初始化以后出现:Unable to load script from assets 'index.android.bundle

原文地址:https://www.cnblogs.com/zhangycun/p/10196446.html

时间: 2024-07-31 09:30:58

项目初始化以后出现:Unable to load script from assets 'index.android.bundle的相关文章

unable to load script from assets 'index.android bundle'

在Android手机上运行React-native项目时 报错:unable to load script from assets 'index.android bundle'  ,make sure your bundle is packaged correctly or youu're runing a packager server 解决方案: 第一步:在  android/app/src/main 目录下创建一个  assets空文件夹 第二步:执行 下面这段命令 react-nativ

react native中Unable to load script from assets 'index.android.bundle'解决方案

刚刚朋友问我,说是创建好一个项目,运行后报错:Unable to load script from assets 'index.android.bundle',以前好好的没出现这种现象,于是我找到一个解决方案,分享一下. 解决这个问题的方案是: 进入你该项目的根目录下的 android目录下的app目录下的src文件下的mian文件,(可能说的有点绕),在main件夹下,创建一个assets文件,这个文件是rn的资源文件夹! 之后用dos进入你的项目根目录,执行一下命令: react-nativ

Unable to load script from assets 'index.android.bundle' 出错?

野路子太多,坑人真的!F**k 言归正传,当你运行 react native 程序的时候出现这个错误 ,如果您使用Windows,请按以下方式运行命令,或者如果出现错误"无法找到条目文件index.android.js",那么我这一招能救你 第一步(创建缺失的目录):mkdir android\app\src\main\assets 第二步(在创建好的目录添加程序需要的文件):react-native bundle --platform android --dev false --en

[React-Native] Unable to load script from assets 'index.android.bundle'.

react native for android 抛出下面异常,解决方法: java.lang.RuntimeException: Unable to load script from assets 'index.android.bundle'. https://stackoverflow.com/questions/44446523/unable-to-load-script-from-assets-index-android-bundle-on-windows (in project dir

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

一.报错信息内容 我是在Android Studio中运行启动react-native项目时报的这个错误 1.报错提示: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. 2.中文翻译:无法加载脚本.请

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

1. 项目中在android/app/src/main/创建文件夹  assets 2.项目中执行命令 1. 项目中在android/app/src/main/创建文件夹  assets 2.项目中执行命令 react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle

Eclipse导入别人的项目报错:Unable to load annotation processor factory 'xxxxx.jar' for project

使用eclipse导入别人的项目时候,报错Unable to load annotation processor factory 'xxxxx.jar' for project. 解决方案 1.项目右键——Properties 2.Java Compiler——Annotation Procession——Factory Path 3.Apply 现在正常了. 参考资料 Unable to load annotation processor factory Eclipse导入别人的项目报错:Un

iOS 使用XCode6打开项目以后再用XCode5出现的问题fatal error: malformed or corrupted AST file: 'Unable to load module

使用不同版本的XCode出现的问题: fatal error: malformed or corrupted AST file: 'Unable to load module "/Users/xxx/Library/Developer/Xcode/DerivedData/ModuleCache/XYZYIE6ZV0OP/Darwin.pcm": file not found' note: after modifying system headers, please delete the

使用XCode6打开项目以后再用XCode5出现的问题fatal error: malformed or corrupted AST file: 'Unable to load module

使用不同版本的XCode出现的问题: fatal error: malformed or corrupted AST file: 'Unable to load module "/Users/xxx/Library/Developer/Xcode/DerivedData/ModuleCache/XYZYIE6ZV0OP/Darwin.pcm": file not found' note: after modifying system headers, please delete the