这是一个常见的错误消息，您可能在react本机应用程序开发过程中遇到过。所以在本教程中，我们将为这个问题提供解决方案。

问题描述: 无法在windows上从assets index.android.bundle中加载脚本 无法在windows上从assets index.android.bundle中加载脚本

按照以下步骤解决上述问题:

步骤1:在项目目录中创建“assets”文件夹 现在在项目目录中创建资产文件夹，名为“MobileApp\android\app\src\main”。您可以手动创建资产文件夹:

<或>

您也可以使用命令创建文件夹。 命令: mkdir android / app / src / main /资产

步骤2:运行React Native应用程序 让我们运行下面的命令在模拟器或物理设备中运行react本机应用程序。

切换到项目目录。 cd MobileApp

运行下面的命令来帮助捆绑你的android应用程序项目。

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

运行最后一步，在模拟器或物理设备中运行react本机应用程序。 react-native运行android

<或>

您也可以将最后两个命令合并为一个，在这种情况下，您必须只执行一次命令。

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 && react-native run-android

<或>

您可以通过将上述步骤放在包的脚本部分来自动化它们。Json是这样的:

“android-android”:“react-native bundle——platform android——dev false——entry-file index.js——bundle-output android/app/src/main/assets/index.android. js”Bundle——assets-dest android/app/src/main/res && react-native run-android"

如果一切设置正确，您应该很快就会看到新应用程序在Android模拟器中运行。

在mac中也有同样的问题，在花了2天之后，我终于能够得到它的工作。

由于模拟器蜂窝数据被关闭，我得到了无法从assets index.android.bundle加载脚本，确保你的包正在运行。

确保你的模拟器蜂窝数据是打开的，通过做这个包服务器能够捆绑index.android.js。希望这对那些处于发展阶段的人有所帮助。

操作系统:Windows

在尝试以上两种方法后，另一种方法可以解决这个问题 (因为我安装的SDK不在默认位置，如C:\users\"user_name"\appdata\local\ SDK)

如果您注意到命令行显示:“‘adb’未被识别为内部或外部命令……”

这就是我克服的方法: 示例:我在D:\Android\ SDK中安装了SDK 所以我将在系统变量中插入path 2行:

D:\Android\sdk\tools  
D:\Android\sdk\platform-tools  

(如果你不知道如何编辑路径系统变量，这里是主题:https://android.stackexchange.com/questions/38321/what-do-i-type-in-path-variable-for-adb-server-to-start-from-cmd/38324)

然后再次运行cmd: react-native run-android

这对我很管用。

在命令之前使用NPX对我来说是有效的，命令就像下面这样。

npx 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

为什么我们使用npx，这里是npx和npm之间的区别?

实际上，在我的情况下(React-native版本0.61.5，并试图在设备上安装调试APK)没有一个答案帮助我，我的解决方案是添加bundleInDebug: true到android/app/build。这样Gradle:

project.ext.react = [
    entryFile: "index.js",
    enableHermes: true,  // clean and rebuild if changing
    bundleInDebug: true
]

同样的问题我已经有好几个月了。我最初使用@Jerry的解决方案，但这是一个错误的解决方案，因为它没有完全解决问题。相反，它所做的是将每个构建都作为产品构建，这意味着你在应用程序中所做的任何微小更改都意味着必须重新构建整个应用程序。

虽然这是一个暂时的解决方案，但从长期来看，它的效果非常糟糕，因为你不再能够利用React Native的惊人的开发工具，如热重载等。

正确的解决方法如下:

在MainApplication.java文件中，替换如下内容:

@Override
public boolean getUseDeveloperSupport() {
    return BuildConfig.DEBUG;
}

与

@Override
public boolean getUseDeveloperSupport() {
    return true;
}

由于某些原因，BuildConfig。DEBUG总是返回false，并在assets目录中生成一个bundle文件。

通过手动将此设置为true，您将强制应用程序使用packager。这将在生产中不起作用，所以一定要将其更改为false或默认值。

别忘了也要跑

$ adb reverse tcp:8081 tcp:8081