记录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

相关文章

react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...