如何在Visual Studio Code for React Native中设置调试?

How to setup debugging in Visual Studio Code for React Native?

提问人:jbssm 提问时间:12/25/2016 最后编辑:Shivo'hamjbssm 更新时间:11/22/2023 访问量:5918

问:

我搜索了,但除了 Visual Studio Code 文档之外,我找不到任何外部资源,并且仅仅遵循这些文档不允许我在 iOS 和 Android 中调试 React Native 应用程序。

我不断收到错误消息(对于Android,对于iOS,是类似的:

[vscode-react-native][警告]无法在 http://localhost:8081/index.android.bundle?platform=android&dev=true&hot=false&minify=false 导入脚本。 调试不起作用:尝试从应用内部重新加载 JS,或者 重新连接 VS Code 调试器:path 必须为字符串

我的文件为:launch.json

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

我正在尝试在 iOS 模拟器和 Android 设备中进行调试,但该过程从未附加到外部 JS 调试器。

Android iOS 调试 react-native visual-studio-code

答:

-2赞 qadir husainee 4/23/2019 #1

您可以使用 Vscode 扩展“React native tools”来调试 react-native 应用程序。

评论

0赞 Alvin CHENG 1/13/2023
我认为他已经在使用这种扩展
0赞 Sushant Patil 4/23/2019 #2

转到 vscode 中的调试选项并选择调试类型

  • 选择 Attach to Packager

  • 运行你的 React Native 应用

        react-native run-android

    - >摇晃手机并选择调试远程JS选项

    做。。。