Question

我在Visual Studio代码中打开了一个React Native项目，我试图在物理连接的iOS设备上运行该项目。我直接从Xcode成功地在设备上运行了应用程序，但是从Visual Studio Code I中遇到了问题。我相信我需要将设备的配置添加到launch.json中。我在那里尝试了不同的条目，但似乎不起作用。为连接的iOS设备添加配置的正确方法是什么？

Answer 1

尝试使用react-native run-ios --device "your device name"

您可以在xcode中找到的设备名称

您可以在package.json

中添加此内容

{
    start:ios: "node node_modules/react-native/local-cli/cli.js run-ios --device \"your device name\""
}

您可能需要安装ios-deploy

npm install -g ios-deploy

对于vscode launch.json，您也可以在node node_modules/react-native/local-cli/cli.js run-ios --device \"your device name\"中添加这些配置launch.json

launch.json

{
        "type": "node",
        "request": "launch",
        "name": "Run app",
        "program": "${workspaceRoot}/node_modules/react-native/local-cli/cli.js",
        "cwd": "${workspaceRoot}",
        "runtimeArgs": [
            "run-ios",
            "--device",
            "\"your device name\""
        ],
    }

Answer 2

这是我最终拥有的，并设法让它在连接的设备上安装和启动。密钥name的值似乎不能唯一标识已连接的设备。它只是在Device Debug下拉列表中显示的名称。

    {
        "name": "My iPad",
        "program": "${workspaceRoot}/.vscode/launchReactNative.js",
        "type": "reactnative",
        "request": "launch",
        "platform": "ios",
        "target": "device",
        "sourceMaps": true,
        "outDir": "${workspaceRoot}/.vscode/.react"
    },

Answer 3

如果您需要定位特定设备，这就是它的完成方式：

{
  "name": "iOS Device",
  "program": "${workspaceRoot}/.vscode/launchReactNative.js",
  "type": "reactnative",
  "request": "launch",
  "platform": "ios",
  "sourceMaps": true,
  "target": "device",
  "outDir": "${workspaceRoot}/.vscode/.react",
  "runArguments": [
    "--device",
    "DEVICE NAME"
  ],
}

因此，您需要设置"target": "device"以告知调试器在设备上运行，然后通过"runArguments"设置设备名称。

在VS代码中反应原生：将iOS设备的配置添加到launch.json

3 个答案:

launch.json