无法在UWP React Native

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 into project_name
• npm install rnpm-plugin-windows
• react-native windows
• open visual studio
• 在visual studio中打开.sln文件
• 将设备连接到计算机
• 更改deviceServerHelper，cs指向机器的IP地址
• 以指向设备和ARM体系结构的调试模式运行项目
• app在手机上启动时显示错误消息
• 在项目根目录的命令提示符下运行react-native start to 启动打包者
• 重新加载显示的错误消息

预期行为

应该在屏幕上加载，显示index.windows.js页面的内容

实际行为

错误消息指出无法下载JS Bundle。

可重复演示

（将链接粘贴到示例项目以及重现问题的确切说明。） https://github.com/ballySingh/repo2.git

下载zip并运行npm install。请按照上面的复制部分中的步骤4进行操作。

Answer 1

尝试将localhost字符串更改为您的真实IP

私有const字符串DeviceLocalhost =＆＃34; localhost：8081＆＃34; ＆lt; ---写你的IP

在文件

中

C：\ GIT中\丛\工厂底层应用内\ node_modules \反应天然窗口\ ReactWindows \ ReactNative.Shared \ DevSupport \ DevServerHelper.cs

Answer 2

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