当我们点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-nativ…

今天在写一个简单的RN的Demo时,一连出现了好几个错误,最后幸亏得以解决,在这里把我踩过的坑以及解决办法分享出来: 1.运行出现错误:Could not connect to development server. 解决办法: 请将项目中 AppDelegate.m 中的 jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];…

安装 React Native Tools 在插件市场搜索 react 找到 React Native Tools 进行安装: 创建的react-native的工程拖入vscode中 点击F5即可运行react-native 此时可能出现 如下界面,这是因为没有配置运行文件 在debug 页面,点击如下位置,添加configurations 然后点击添加配置,选择debug android 此时点击F5,则可出现如下界面,表示 react-native以运行起来 此时发现断点无法生效,且log的…

好久没写博客了,特地把之前接触React Native时遇到的坑总结一下. 初始化一个React Native项目时,可能会遇到以下这些坑: 1.项目版本号与安卓模拟器中安装的 compileSdkVersion 和 buildToolsVersion 版本不一致,这时候可以直接修改 项目 => android => app => build.gradle文件下的版本号,如下: 2.初始化一个项目并运行项目时,可能会一直报错,这时有可能是因为缺少 local.properties文件,该…

1.模拟器报错no bundle url present https://github.com/facebook/react-native/issues/12754 http://www.cnblogs.com/dragon-aslan/p/6965014.html 2.模拟器快捷键 回到首页: Cmd + Shift + H 按一次 HOME键摁两次: Cmd + Shift + H 按两次 旋转 :Cmd + 左/右 类似手机长按 : 鼠标放app图像上,长摁电脑左下角,然后Cmd + Sh…

ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发跨平台App开发(三) 带你从零学ReactNative开发跨平台App开发(四) 带你从零学ReactNative开发跨平台App开发(五) 带你从零学ReactNative开发跨平台App开发(六) 带你从零学ReactNative开发跨平台App开发(七) hot:更多>> 贴一个交流群的二…

 之前一年多一直用Sublime Text做前端开发,最近做React开发,发现不太好用,就尝试其他编辑器.WebStorm和VS Code都用过,WebStorm基本不用装插件,可以直接用,但用习惯Sublime了,不适应WS的字符显示和快捷键,不想花太多时间去配置,然后又用了一周的VS Code,VS Code也挺好的,但配置代码提示非常繁琐.转了一圈,又回到了Sublime Text,下决心打造好Sublime Text.主要用到这篇文章介绍的配置,把SublimeText配置成React…

开启Genymotion Android模拟器后 1.运行“react-native run-android”报端口冲突....解决方法: 2.运行“react-native run-android”报找不到 Build Tools revision 版本号 解决方法:找到对应的版本,进行安装. P.S.:当看到这个鬼东西,就表示运行成功了.... 3.运行报'RawText"      "must be wrapped in an explicit <Text> comp…

ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 带你从零学ReactNative开发跨平台App开发(二) 带你从零学ReactNative开发跨平台App开发(三) 带你从零学ReactNative开发跨平台App开发(四) 带你从零学ReactNative开发跨平台App开发(五) 带你从零学ReactNative开发跨平台App开发(六) 带你从零学ReactNative开发跨平台App开发(七) hot:更多>> 好久没写了,最近…

import React, { Component } from 'react'; import { StyleSheet, Text, View, Image, } from 'react-native'; import TabNavigator from 'react-native-tab-navigator' import { Platform } from 'react-native' //这里 是四个底部tab 切换页面 import Home from './src/assembly…