1

环境

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 install 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 进行操作。

4

2 回答 2

0

当我在连接到我的工作VPN时运行 react native 打包程序时遇到了这个问题，一旦我断开我的工作 VPN 连接，打包程序就能够为我的应用程序选择正确的 IP 接口。如果您已连接到 VPN，请断开连接并再次运行您的打包程序。

于 2021-07-21T01:25:06.057 回答
0

尝试将 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

于 2018-03-22T09:40:53.060 回答