無法在 UWP React Native 上下載 JS 包

Question

環境

react-native -v: 0.47.0
npm ls rnpm-plugin-windows: 0.47.0-RC5
npm ls react-native-windows: yes
node -v:8.2.1
npm -v:5.3.0
yarn --version:n/a

然后，指定：

Target Platform: UWP (developer mode enabled)

Target Platform Version(s):
10.0.10586
.NET 4.6.1, .NET 4.5

Target Device(s):
Mobile ARM

Development Operating System:
Windows 10 Desktop

Visual Studio Version:
Visual Studio 2015
Visual Studio 2017

重現步驟

• 初始化新的 react-native 項目（react-native init project_name）
• cd 到 project_name
• npm 安裝 rnpm-plugin-windows
• 反應原生窗口
• 開放視覺工作室
• 在 Visual Studio 中打開 .sln 文件
• 將設備連接到機器
• 將 deviceServerHelper,cs 更改為指向機器的 IP 地址
• 在調試模式下運行指向設備和 ARM 架構的項目
• 應用程序在手機上啟動並顯示錯誤消息
• 在項目根目錄的命令提示符中運行 react-native start 啟動打包程序
• 顯示重新加載 javascript 錯誤消息

預期行為

應用程序應加載到顯示 index.windows.js 頁面內容的屏幕上

實際行為

錯誤消息指出無法下載 JS Bundle。

可重現的演示

（粘貼示例項目的鏈接和重現問題的確切說明。） https://github.com/ballySingh/repo2.git

下載 zip 並運行 npm install。 請按照上面復制部分的第 4 步操作。

Answer 1

嘗試將 localhost 字符串更改為您的真實 IP

private const string DeviceLocalhost = "localhost:8081" <--- 寫下你的IP

在文件中

C:\\git\\plex\\plant-floor-app\\node_modules\\react-native-windows\\ReactWindows\\ReactNative.Shared\\DevSupport\\DevServerHelper.cs

Answer 2

當我在連接到我的工作VPN時運行 React Native 打包程序時遇到了這個問題，一旦我斷開工作 VPN 連接，打包程序就能夠為我的應用程序選擇正確的 IP 接口。 如果您已連接到 VPN，請斷開連接並再次運行您的打包程序。