Android 上的 react-native 运行教程“AwesomeProject”导致“无法下载 JS Bundle”红屏

Posted 2023-05-07

【中文标题】Android 上的 react-native 运行教程“AwesomeProject”导致“无法下载 JS Bundle”红屏

【英文标题】：react-native running tutorial 'AwesomeProject' on Android results in 'Unable to download JS Bundle' red screen

【发布时间】：2015-12-23 08:59:15

【问题描述】：

我正在关注this Facebook 教程，当从 AwesomeProject 目录运行 react-native run-android 时，我在 android 模拟器上得到一个红屏，并显示以下文本：

无法下载 JS 包。您是否忘记启动开发服务器或连接您的设备？onResponse DevServerHelper.java:175运行 NamedRunnable.java:33runWorker ThreadPoolExecutor.java:1113运行 ThreadPoolExecutor.java:588运行 线程.java:818

我不知道它是否相关，但我也在服务器上收到一堆关于 const 在 strict mode 中无效的 SyntaxErrors（我没有更改原始代码中的任何内容）并获得START 出现以下错误：

请求：/index.android.bundle?platform=android TypeError：无法读取 null 的属性“根” 在 /Users/tome/projects/reactNative/AwesomeProject/node_modules/react-native/packager/react-packager/src/DependencyResolver/crawlers/index.js:16:84 在 tryCallOne (/Users/tome/projects/reactNative/AwesomeProject/node_modules/react-native/node_modules/promise/lib/core.js:37:12) 在 /Users/tome/projects/reactNative/AwesomeProject/node_modules/react-native/node_modules/promise/lib/core.js:103:15 冲洗时（/Users/tome/projects/reactNative/AwesomeProject/node_modules/react-native/node_modules/promise/node_modules/asap/raw.js:50:29） 在 process._tickCallback (node.js:355:11)

更新 升级到 Node v4.1.1 摆脱了 const 语法错误，但我仍然得到相同的结果，在 React Packager 上出现以下错误：

TypeError：无法读取 null 的属性“根” 在 /Users/tome/projects/reactNative/AwesomeProject/node_modules/react-native/packager/react-packager/src/DependencyResolver/crawlers/index.js:16:84 在 tryCallOne (/Users/tome/projects/reactNative/AwesomeProject/node_modules/react-native/node_modules/promise/lib/core.js:37:12) 在 /Users/tome/projects/reactNative/AwesomeProject/node_modules/react-native/node_modules/promise/lib/core.js:103:15 冲洗时（/Users/tome/projects/reactNative/AwesomeProject/node_modules/react-native/node_modules/promise/node_modules/asap/raw.js:50:29） 在 process._tickCallback (node.js:355:11) [下午 5:02:20] 请求：/index.android.bundle?platform=android [5:02:20 PM] 查找依赖项 TypeError：无法读取 null 的属性“根” 在 /Users/tome/projects/reactNative/AwesomeProject/node_modules/react-native/packager/react-packager/src/DependencyResolver/crawlers/index.js:16:84 在 tryCallOne (/Users/tome/projects/reactNative/AwesomeProject/node_modules/react-native/node_modules/promise/lib/core.js:37:12) 在 /Users/tome/projects/reactNative/AwesomeProject/node_modules/react-native/node_modules/promise/lib/core.js:103:15 冲洗时（/Users/tome/projects/reactNative/AwesomeProject/node_modules/react-native/node_modules/promise/node_modules/asap/raw.js:50:29） 在 process._tickCallback (node.js:355:11) [下午 5:02:26] 请求：/index.android.bundle?platform=android

【参考方案1】：

我设法解决了这个问题。对于遇到此问题的其他人，重新安装 watchman 对我有用：brew uninstall watchmanbrew install watchman

我的应用程序正在运行

【参考方案2】：

另外，我尝试了 Wathman 安装/卸载路线，但运气不佳。 所做的工作是确保我更新并更改了 nvm 使用的节点版本。

例如nvm install 4.1.1