react本机下载javascript包100%卡住

Question

当我尝试执行npm start时，它工作得很好，但当我尝试通过expo运行我的应用程序时，进程一直到100%，之后什么也没有发生。我不明白那里到底是什么问题。我在package.json上有以下几件事...请帮我解决这个问题。

{
  "name": "ProMeeting",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "jest-expo": "~29.0.0",
    "react-native-scripts": "^1.14.0",
    "react-test-renderer": "16.3.1"
  },
  "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
  "scripts": {
    "start": "react-native-scripts start",
    "eject": "react-native-scripts eject",
    "android": "react-native-scripts android",
    "ios": "react-native-scripts ios",
    "test": "jest"
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "@babel/preset-react": "^7.0.0-beta.56",
    "expo": "^29.0.0",
    "firebase": "^5.3.1",
    "native-base": "^2.7.2",
    "react": "16.3.1",
    "react-native": "^0.55.4",
    "react-native-firebase": "^4.3.8",
    "react-native-vector-icons": "^5.0.0",
    "react-navigation": "^2.11.2"
  }
}

为说明而添加的屏幕截图

​

​

Answer 1

似乎有多种原因可以解释为什么会发生这种情况。我试图在我的模拟器上运行其他应用程序，重启我的模拟器，甚至尝试删除构建文件夹并从头开始重建，但这些方法都没有解决问题。

最终起作用的是重新启动了我一直在后台运行的React Native Debugger。

如果您启用了离线节流，还可以检查React Native Debugger的Network选项卡。在某些情况下，禁用它也可以解决问题。

Answer 2

在我的例子中，当我打开远程JS调试时，总是会发生这种情况。JS捆绑包会加载到100%，但随后应用程序就卡住了。React本机调试器无法连接，错误消息为Another debugger is already connected。

在尝试了各种方法(缓存重置、重启Metro builder、重启模拟器)都没有成功之后，我记起我唯一用过的“其他调试器”就是Chrome Devtools，所以我退出了Chrome，很快一切都恢复了正常。

事实证明，即使我已经关闭了调试应用程序的Chrome选项卡，Chrome中的一些后台进程仍然作为调试器附加到应用程序中(也是在模拟器重新启动后)。然后它在启动时遇到了某种类型的断点或异常，所以它暂停了，我所能看到的就是Downloading Javascript bundle 100%消息。

Answer 3

这就是我在Mac中解决这个问题的方法。

1. My screen在下载javascript包100%javascript

时卡住

​

​

选择模拟器，按(

1. + D)在Mac中，模拟器将显示选项集。

​

​

1. 应用程序现在将加载

​

​