使用 Visual Studio Code 進行 React Native 調試不起作用

Question

我正在嘗試將 React Native 與 Visual Studio Code（這應該是最好的）一起使用，但是當我嘗試調試時它給了我一個錯誤。
我已經安裝了 React Native Tools 擴展，但是當我嘗試啟動 (F5) 時，它返回“[錯誤] 無法調試。確定反應式原生 npm 包安裝在根目錄下？”
我還嘗試使用 F1 ">React Native: Run Android" 發送命令，但它返回錯誤“當前工作區不是 React Native 項目。”

我正在使用 Ubuntu 16.04 LTS。
可視化工作室代碼 1.11.2
反應原生cli：2.0.1
反應原生：0.43.3

你們中有人使用 Visual Studio Code 嗎？ 你有這些問題嗎？

我的launch.json（從擴展React Native Tools 生成的唯一文件）

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Debug Android",
            "program": "${workspaceRoot}/.vscode/launchReactNative.js",
            "type": "reactnative",
            "request": "launch",
            "platform": "android",
            "sourceMaps": true,
            "outDir": "${workspaceRoot}/.vscode/.react"
        },
        {
            "name": "Debug iOS",
            "program": "${workspaceRoot}/.vscode/launchReactNative.js",
            "type": "reactnative",
            "request": "launch",
            "platform": "ios",
            "target": "iPhone 5s",
            "sourceMaps": true,
            "outDir": "${workspaceRoot}/.vscode/.react"
        },
        {
            "name": "Attach to packager",
            "program": "${workspaceRoot}/.vscode/launchReactNative.js",
            "type": "reactnative",
            "request": "attach",
            "sourceMaps": true,
            "outDir": "${workspaceRoot}/.vscode/.react"
        },
        {
            "name": "Debug in Exponent",
            "program": "${workspaceRoot}/.vscode/launchReactNative.js",
            "type": "reactnative",
            "request": "launch",
            "platform": "exponent",
            "sourceMaps": true,
            "outDir": "${workspaceRoot}/.vscode/.react"
        }
    ]
}

Answer 1

我想這個答案有點晚了。

您的問題是 vscode 在您的 react-native 的 PATH 引用中找不到。

如果您使用 npm 安裝它，請嘗試以下操作：

npm install react-native --global

這應該將它安裝在您的路徑中。 重新啟動 vscode，你應該很高興。

Answer 2

我認為這是 PATH 問題安裝並使用：

npm i react-native -g