无法在UWP React Native

时间：2017-08-17 15:01:15

标签： react-native uwp windows-10-mobile mobile-development react-native-windows

环境 

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。

enter image description here

可重复演示

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

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

2 个答案:

答案 0 :(得分：0)

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

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

在文件

中

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

答案 1 :(得分：0)

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

相关问题
最新问题