【问题标题】:Unable to load script. Make sure you are either running a Metro server or that your bundle 'index.android.bundle' is packaged correctly for release无法加载脚本。确保您正在运行 Metro 服务器或您的捆绑包“index.android.bundle”已正确打包以供发布
【发布时间】:2020-11-13 03:48:43
【问题描述】:

我用 react-native init 创建了一个新项目。 我正在使用带有以下内容的 react-native:“react”:“16.13.1”,“react-native”:“0.63.2”。

当我尝试使用 react-native run-android 命令运行应用程序时,它显示在终端中构建成功,但我的 Metro 捆绑器中没有出现任何内容(我正在附加它的图像)并且我的模拟器显示“无法加载脚本”问题。 Unable to load script

如果我按“R”在 node(bundler) 中重新加载应用程序,它表示没有连接到它的设备,但我的模拟器正在运行。我在个人设备上也遇到了同样的问题。 metro bundler not running

我还尝试在android/app/src/main/assets 中创建资产文件夹并运行以下命令: 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.

只有当应用程序显示在模拟器上并且我在 App.js 文件中进行更改并保存它时,模拟器中没有任何更改。

如果我重新加载错误“无法连接到开发服务器”弹出。 could not connect to development server 甚至尝试了 adb reverse 并将“dev”选项更改为本地主机和端口 8081,但它没有用。 (如果有任何我应该尝试上述步骤的特定路径,请提及)。

我做错了什么?

谁能帮帮我。

P.S.:我使用的是 Windows 10 机器。

谢谢。

【问题讨论】:

  • npx react-native start... 并在另一个选项卡中 npx react-native run-android
  • 不..我现在又试了一次...但同样的错误弹出。我附加为“metro bundler not running”的图像来了。有什么方法可以在看到依赖图的地方正常显示捆绑器?我的意思是捆绑器也有问题对..!那么有什么解决办法吗?谢谢
  • 您可以做的一件事是,对于此错误,您必须验证运行本机反应的端口号,默认情况下为 8081。找到在该端口上运行的处理器使用命令提示符中的此命令:netstat -an |find /i "8081" 如果任何其他处理器正在其上运行,则尽可能将其杀死并释放端口。如果它是像 McAfee 这样的重要处理器,则使用另一个端口使用以下命令运行 react native:`react-native run-android --port=xxxx` 其中 xxxx 是您希望 react native 运行的端口号。谢谢你

标签: react-native adb react-native-android avd metro-bundler


【解决方案1】:

我也面临这个问题,我尝试以下方法来解决这个问题。

  1. 使用npx react-native start启动npm服务器
  2. 在另一个标签npx react-native run-android 中运行应用程序。

【讨论】:

    【解决方案2】:

    许多开发人员有不同的环境设置,这使解决方案变得复杂。

    我正在使用 WSL2 在 Windows 上工作。最初,我关注这个react-native setup guide没有问题,但后来遇到这个错误,不知道为什么。

    经过数小时搜索和尝试来自this duplicate question 的大部分答案后,我没有运气。

    最终,我在 WSL2 中所要做的就是将主机选项传递给 react-native start,以便连接到在 Windows 上运行的 adb 服务器。

    yarn start --host 127.0.0.1
    # or npx react-native start --host 127.0.0.1
    

    【讨论】:

      【解决方案3】:

      "react-native": "0.64.1",

      我使用了其他解决方案,但我已经以其他方式解决了这个问题。 我通过在project.ext.react 中更改bundleInDebug: true, 中的android > app > build.gradle 来解决它。

      project.ext.react = [
      bundleInDebug: true,
      enableHermes: ***,  
      

      ]

      【讨论】:

      • 谢谢兄弟,真的很有帮助
      【解决方案4】:
      1. 我遇到了这个问题,我通过关闭应用程序表单模拟器解决了,或者如果您使用 android 或 iphone 设备,您可以卸载该应用程序。
      2. 再次启动 npm 服务器使用npx react-native start
      3. 重新安装应用使用npx react-native run-android

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2017-12-01
        • 2019-09-30
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-04-12
        相关资源
        最近更新 更多