记录VSCode开发React Native的一些坑

最近开始学习React Native,听说微软出了一款很赞的文本编辑工具,用于开发React Native很方便,于是开始使用,下面记录一些踩过的坑:


  • 当我们点Debug Android时,会弹出以下错误
    Could not debug. Unable to set up communication with VSCode react-native extension. Is this a react-native project, and have you made sure that the react-native npm package is installed at the root?

  • 解决方法:当时我全局安装的react-native-cli版本为最新的2.0.0,可能是这个版本的Bug,需要回退到1.3.0或者更低版本。

npm -g uninstall react-native-cli
npm -g install react-native-cli@1.3.0

参考:https://github.com/Microsoft/vscode-react-native/issues/365


  • 调试时不需要勾选ALL Exceptions,否则运行起来处处thow Error(),程序会运行不起来。


  • 出现以下红屏(Unable to connect with remote debugger):

  • 解决方法:摇下手机,在弹出的对话框中选择“Dev Settings”,再选择“Debug server host & port for device”,输入电脑的IP地址和监听端口号(默认为8081,用英文分号隔开),例如:192.168.2.32:8081

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值