提问人:jbssm 提问时间:12/25/2016 最后编辑:Shivo'hamjbssm 更新时间:11/22/2023 访问量:5918
如何在Visual Studio Code for React Native中设置调试?
How to setup debugging in Visual Studio Code for React Native?
问:
我搜索了,但除了 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 调试器。
答:
-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选项
做。。。
评论