独立的 React Native 应用程序可能吗?

Self-contained React Native app possible?

我为 Windows (https://github.com/Microsoft/react-native-windows) 构建了一个反应本机应用程序。该应用程序 运行 在我的开发机器上运行良好,但如果我将 EXE(和 DLL 依赖项)复制到另一台机器并 运行,我会收到错误消息

Unable to Download the JS bundle. Did you forget to start the development server or connect your device?

有没有办法构建不依赖于 "development server" 的 独立 应用程序?

您可以使用

捆绑您的 JS 代码
react-native bundle --platform windows --entry-file index.windows.js
--bundle-output windows\myapp\ReactAssets\index.windows.bundle
--assets-dest windows\myapp\ReactAssets
--dev false

如果你想上传到商店,那么你可以关注 https://docs.microsoft.com/en-us/windows/uwp/packaging/packaging-uwp-apps#create-an-app-package

React Native Windows 环境设置(使用 Typescript)

  1. 下载并安装 Visual Studio 2017 Download Link
  2. 下载并安装Visual Studio代码Download Link
  3. 下载并安装 NodeJS Download Link
  4. 安装 React Native CLI

    npm i -g react-native-cli

  5. 安装 TypeScript

    npm i -g typescript

  6. 创建您的项目

    react-native init --version="0.55.0-rc.0" MyApp --template typescript && node MyApp/setup.js

  7. 更改项目目录MyApp

    cd MyApp

  8. 安装 React Native Windows CLI 插件

    npm i --save-dev rnpm-plugin-windows

  9. 运行 Windows初始化命令

    react-native windows --windowsVersion 0.55.0-rc.0

  10. 在Visual Studio

  11. 中打开项目MyApp.sln文件
  12. 按照提示安装Windows 10 SDK v. 10.0.14393.0

  13. 如果出现提示,请在 "Use developer features" 下的设置 window 中 select 开发人员模式并批准证书安装请求。启用 "Developer mode" 以允许自定义应用程序 运行

  14. 安装windows构建工具(运行 in Windows Power Shell)

    npm i -g --production windows-build-tools

  15. 运行 你的申请

    react-native run-windows

  16. 提示Windows电源Shell安装证书:输入Y安装

  17. 提示window:允许访问windows防火墙