文章列表

react-native报错信息之 The component for route 'X' must be a React component.

react-native报错信息之 The component for route 'X' must be a React component.

错误语句​The component for route 'X' must be a React component.音译为路线“首页”的组件必须是反应组件问题原因就是我们没有把组件导出造成的在最后加上export default 导出页面即可

2019年09月24日
2287 0 0 0
追梦猪追梦猪
react-native
react-native报错信息之Super expression must either be null or a function

react-native报错信息之Super expression must either be null or a function

react-native报错信息之Super expression must either be null or a function一般检测如下四步方可解决。1、确认一下React.Component是否书写正确,不是React.component或者React.Comonent…2、检查下React版本,确保更新到0.13.x及更高版本3、检查模块间是否存在循环依赖4、确认导入的库是否正确

2019年09月23日
2191 0 0 0
追梦猪追梦猪
react-native
react-native报错信息之Can't find variable

react-native报错信息之Can't find variable

Can't find variable找不到变量,所有在引用前要先定义,官方文档引入的都是在react-native这个本地库里

2019年09月19日
1773 0 0 0
追梦猪追梦猪
react-native
react.js报错信息(四)之npm run build打包空白报错

react.js报错信息(四)之npm run build打包空白报错

React项目npm run build打包上线后,页面出现空白的原因同vue打包空白错误一样就是路径问题,在react打包运行的时候出现错误导致页面空白无法访问

2019年09月03日
4352 0 0 0
追梦猪追梦猪
react-native
react.js报错信息(三)之使用create-react-app命令创建一个项目,运行npm run eject报错Remove untracked files, stash or commit

react.js报错信息(三)之使用create-react-app命令创建一个项目,运行npm run eject报错Remove untracked files, stash or commit

运行了里面带的start,build命令都会出现以上错误,看到这句话【Remove untracked files, stash or commit any changes, and try again.】翻译【删除未跟踪的文件,隐藏或提交任何更改,然后重试。】有没有一点熟悉,对就是提交git的信息,解决办法如下

2019年09月30日
2881 0 0 0
追梦猪追梦猪
react-native
react.js报错信息(二)之 Cannot find file: 'index.js' does not match the corresponding name on disk: '.\node

react.js报错信息(二)之 Cannot find file: 'index.js' does not match the corresponding name on disk: '.\node

在学习的时候难免遇见奇葩的报错,这个报错就是我们疏忽的报错Cannot find file: 'index.js' does not match the corresponding name on disk: '.\node_modules\React\react'.音译/SRC/导航JS找不到文件:“index.js”与磁盘上的相应名称不匹配:“.\node\modules\react\react”。

2019年08月23日
6451 0 0 0
追梦猪追梦猪
react-native
react.js报错信息(一)之error: 'Link' is not exported from 'react-router'

react.js报错信息(一)之error: 'Link' is not exported from 'react-router'

出错原因:通常在 React 中,一般要引入两个包,react和 react-dom,那么react-router和react-router-dom不同之处就是后者比前者多出了<Link> <BrowserRouter>这样的 DOM 类组件,因此只需引用react-router-dom这个包就OK了

2019年09月30日
2177 0 0 0
追梦猪追梦猪
react-native
react-native从入门到精通搭建app(九) 一一 标签导航和抽屉导航嵌套使用

react-native从入门到精通搭建app(九) 一一 标签导航和抽屉导航嵌套使用

createDrawerNavigator与createBottomTabNavigator使用,侧栏与底部导航的使用,嵌套使用的话我们要用到createStackNavigator为您的应用提供一种在每个新屏幕都放在堆栈顶部的屏幕之间过渡的方式。

2019年09月23日
1626 0 0 0
追梦猪追梦猪
react-native
react-native从入门到精通搭建app(八) 一一 标签导航和抽屉导航(侧滑导航)

react-native从入门到精通搭建app(八) 一一 标签导航和抽屉导航(侧滑导航)

利用react-navigation标签导航和抽屉导航实现页面的侧滑还有来回切换

2019年09月20日
1621 0 0 0
追梦猪追梦猪
react-native
react-native从入门到精通搭建app(七) 一一 头部标题按钮

react-native从入门到精通搭建app(七) 一一 头部标题按钮

标题交互的最常用方法是点击标题左侧或右侧的按钮。让我们在标题的右侧添加一个按钮(在整个屏幕上最难触摸的地方之一,取决于手指和手机的大小,但也是放置按钮的正常位置)。

2019年09月20日
2080 0 0 0
追梦猪追梦猪
react-native
react-native从入门到精通搭建app(六) 一一 头部标题栏设置

react-native从入门到精通搭建app(六) 一一 头部标题栏设置

在react-native开发的时候我们的头部根据需求来实现相应的展示,可以让我们通过固定动态自定义的方式达到标题的修改

2019年09月20日
1625 0 0 0
追梦猪追梦猪
react-native
react-native从入门到精通搭建app(五) 一一 路由跳转传参

react-native从入门到精通搭建app(五) 一一 路由跳转传参

react-native路由跳转传递参数有两种方法,第一种:通过将params放入对象作为该navigation.navigate函数的第二个参数,第二种:通过将getParam传递来动态设置标题头

2019年09月20日
1409 0 0 0
追梦猪追梦猪
react-native
react-native从入门到精通搭建app(四) 一一 路由跳转

react-native从入门到精通搭建app(四) 一一 路由跳转

在React Native中,从中导出的组件App.js是应用程序的入口点(或根组件) - 它是每个其他组件从中下降的组件。在应用程序的根目录中对组件进行更多控制通常比导出结果更有用createAppContainer,因此让我们导出一个只渲染AppNavigator堆栈导航器的组件。

2019年09月19日
2883 0 0 0
追梦猪追梦猪
react-native
react-native从入门到精通搭建app(三) 一一 路由依赖安装

react-native从入门到精通搭建app(三) 一一 路由依赖安装

React Navigation社区今后主推的方案是一个单独的导航库react-navigation,它的使用十分简单。React Navigation 中的视图是原生组件,同时用到了运行在原生线程上的Animated动画库,因而性能表现十分流畅。此外其动画形式和手势都非常便于定制。要想详细了解 React Navigation的具体用法,文档官网(https://reactnavigation.org/docs/en/getting-started.html)

2019年09月19日
1970 0 0 0
追梦猪追梦猪
react-native
react-native从入门到精通搭建app(二) 一一 环境搭建

react-native从入门到精通搭建app(二) 一一 环境搭建

根据你所使用的操作系统、针对的目标平台不同,具体步骤有所不同。如果想同时开发 iOS 和 Android 也没问题,你只需要先选一个平台开始,另一个平台的环境搭建只是稍有不同。此篇环境搭建window,如要搭建ios请观看react-native官方文档:https://reactnative.cn/docs/getting-started.html

2019年09月19日
2378 0 0 0
追梦猪追梦猪
react-native
react-native从入门到精通搭建app(一) 一一 简介

react-native从入门到精通搭建app(一) 一一 简介

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

2019年09月19日
1527 0 0 0
追梦猪追梦猪
react-native

猜你喜欢

react-native报错信息之 The component for route 'X' must be a React component.

错误语句​The component for route 'X' must be a React component.音译为路线“首页”的组件必须是反应组件问题原因就是我们没有把组件导出造成的在最后加上export default 导出页面即可

2019年09月24日
2287 0 0 0
追梦猪追梦猪
react-native

react-native报错信息之Super expression must either be null or a function

react-native报错信息之Super expression must either be null or a function一般检测如下四步方可解决。1、确认一下React.Component是否书写正确,不是React.component或者React.Comonent…2、检查下React版本,确保更新到0.13.x及更高版本3、检查模块间是否存在循环依赖4、确认导入的库是否正确

2019年09月23日
2191 0 0 0
追梦猪追梦猪
react-native

react-native报错信息之Can't find variable

Can't find variable找不到变量,所有在引用前要先定义,官方文档引入的都是在react-native这个本地库里

2019年09月19日
1773 0 0 0
追梦猪追梦猪
react-native

react.js报错信息(四)之npm run build打包空白报错

React项目npm run build打包上线后,页面出现空白的原因同vue打包空白错误一样就是路径问题,在react打包运行的时候出现错误导致页面空白无法访问

2019年09月03日
4352 0 0 0
追梦猪追梦猪
react-native

react.js报错信息(三)之使用create-react-app命令创建一个项目,运行npm run eject报错Remove untracked files, stash or commit

运行了里面带的start,build命令都会出现以上错误,看到这句话【Remove untracked files, stash or commit any changes, and try again.】翻译【删除未跟踪的文件,隐藏或提交任何更改,然后重试。】有没有一点熟悉,对就是提交git的信息,解决办法如下

2019年09月30日
2881 0 0 0
追梦猪追梦猪
react-native