文章列表

服务端渲染next.js+react+redux-persist持久化存储+ant环境下出现redux-persist failed to create sync storage无法创建同步存储

服务端渲染next.js+react+redux-persist持久化存储+ant环境下出现redux-persist failed to create sync storage无法创建同步存储

报错redux-persist failed to create sync storage. falling back to ”noop" storage (redux persist无法创建同步存储。回到“noop”存储),我们很蒙蔽会找redux的问题,还有各种交流网站上跟react开发的react-native的连贯问题,但是发现跟着写也没有解决,在回退到原始找寻路径,我们去了官网的git上的issues上我们找到了蛛丝马迹如图

2020-04-10 17:56:20
1682 0 0
追梦猪追梦猪
Reactjs
next.js出现Warning: Expected server HTML to contain a matching问题解决

next.js出现Warning: Expected server HTML to contain a matching问题解决

使用next.js对react进行服务端渲染的时候我们遇见如图问题,Warning: Expected server HTML to contain a matching <div> in <li>.原因是我们的页面上出现了跟服务端不匹配的标签,这个标签产生的原因就是我们动态判断显示的内容,比如说我们在登陆的时候,登陆成功是不是要显示我们的用户信息,填充到界面上,这样我们就知道页面跟服务端的页面发生了变化!

2020-04-10 13:21:59
1437 0 0
追梦猪追梦猪
Reactjs
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 09:16:49
1880 0 0
追梦猪追梦猪
Reactjs
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 15:42:54
1755 0 0
追梦猪追梦猪
Reactjs
react-native报错信息之Can't find variable

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

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

2019-09-19 14:42:09
1367 0 0
追梦猪追梦猪
Reactjs
react.js报错信息(四)之npm run build打包空白报错

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

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

2019-09-03 16:42:36
3917 0 0
追梦猪追梦猪
Reactjs
react.js从入门到精通(七)——数据交互

react.js从入门到精通(七)——数据交互

在react脚手架创建的项目中,类似像axios请求这样的公共方法,需要给它设定到一个全局的方法中。对比vue,vue可以直接在main.js中直接Vue.prototype.$axios = function(){}这样的形式绑定全局的方法。这样就不用每一个vue文件都去引用axios这个文件了,也方便进行统一的管理。那么react是不是也可以类似的在index.js中react.prototype绑定全局方法呢。答案是不行!!!

2019-08-27 10:37:12
1816 0 0
追梦猪追梦猪
Reactjs
react.js从入门到精通(六)——路由的使用

react.js从入门到精通(六)——路由的使用

在pc端页面之间的切换,我们要使用a标签来实现在react.js开发中,我们采用组件化操作,一个页面就是一个组件。所以页面和页面之间的跳转就相当于是组件和组件之间的跳转。 我们知道react.js是一种单页面项目开发,就是在一个主页面的基础上存放各种子页面。这就好像一根网线连接路由器,而路由器能分出很多根网线连接大量的电脑。所以我们将单页面项目的页面跳转称为路由。 在第一篇放出的框架中,我们介绍过专门用来管理路由的文件——routes.js文件。

2019-08-27 09:15:23
1316 0 0
追梦猪追梦猪
Reactjs
react.js从入门到精通(五)——组件之间的数据传递

react.js从入门到精通(五)——组件之间的数据传递

组件之间在静态中的数据传递,从上面的代码我们可以看出,两个组件之间的数据是分离,但如果我们有某种需求,将数据从一个组件传到另一个组件中,该如何实现?

2019-08-26 19:40:51
1192 0 0
追梦猪追梦猪
Reactjs
react.js从入门到精通(四)——组件的基本使用

react.js从入门到精通(四)——组件的基本使用

(1)一个.js文件中代码量过大,不好维护。(2)某些功能或样式在项目中大范围使用,组件起到了封装代码的作用。

2019-08-26 19:15:46
1159 0 0
追梦猪追梦猪
Reactjs
react.js从入门到精通(三)——生命周期钩子函数的使用

react.js从入门到精通(三)——生命周期钩子函数的使用

什么是组件?当一个页面所需要呈现出的内容过多,如果我们将所有的页面写在同一个.js文件中,会显得代码比较乱,给往后的代码维护造成困难。所以我们在编写代码的过程中,将某些部分提取出来,写在另一个组件中,然后在主页面中引入这个组件。 组件实际上是代码封装的一种,我们可以将经常使用到的一些功能及样式封装成一个组件,然后只需要调用这个组件便能调用这些功能和样式。这样做既方便了代码的管理又增加了可维护性。

2019-08-26 19:16:16
1699 0 0
追梦猪追梦猪
Reactjs
react.js从入门到精通(二)——变量的定义和初始化、事件的使用

react.js从入门到精通(二)——变量的定义和初始化、事件的使用

web前端变量的定义和初始化、事件的使用和通过事件去操作界面的,所以在开发的过程中会用到大量的事件来操作dom

2019-08-26 18:00:07
1150 0 0
追梦猪追梦猪
Reactjs
 react.js从入门到精通(一)——我的第一个react实例demo

react.js从入门到精通(一)——我的第一个react实例demo

本篇教程介绍react的从入门到精通,通过简单的demo带领大家走进react的世界

2019-08-26 19:04:31
1624 0 0
追梦猪追梦猪
Reactjs
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 11:11:33
2453 0 0
追梦猪追梦猪
Reactjs
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 16:15:20
5809 0 0
追梦猪追梦猪
Reactjs
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 11:12:06
1758 0 0
追梦猪追梦猪
Reactjs

猜你喜欢

vue报错信息(一)之 fns.apply is not a function

vue报错信息(一)之 fns.apply is not a function

追梦猪在做vue项目的时候会遇见各种各样的奇葩报错,以此收集来带入坑不知所措的坑友脱坑,当你在改完vue代码进行热加载的时候,我们的控制台出现了报红(也就是错误),打开控制台f12看到以下如图所示错误:

2018-12-28 17:50:29
8016 0 0
追梦猪追梦猪
Vuejs
ThinkPHP(tp5)一键生成静态方法

ThinkPHP(tp5)一键生成静态方法

常说的页面静态化分为两种,一种是伪静态,即url 重写,一种是真静态化。前两篇讲了两种静态化方法,基本都是使用TP自带的静态化机制。但TP写的网站页面路由都比较繁琐复杂,不利于引擎优化。

2019-01-19 17:20:22
7361 0 0
追梦猪追梦猪
Php
vue中wow.js的使用

vue中wow.js的使用

刚开始我是通过在index页面直接引入wow.js效果,第一天可以,但是第二天就不行了,看了一下代码的前端执行结果发现动画的名称是none,那问题出现在了没有找到动画名称,为什么会出现这样的我想应该是加载顺序导致的,wow.js在页面加载完以后便已经执行了,但是我的数据还没有获取到所有才出现了数据被display:none;

2018-09-12 14:34:41
7068 0 0
追梦猪追梦猪
Vuejs
微信小程序之事件bindtap和catchtap

微信小程序之事件bindtap和catchtap

我们都知道bindtap和catchtap都是当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。但是bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。

2018-09-11 09:42:22
6869 0 0
追梦猪追梦猪
微信小程序
vue报错信息(四)之Error: EBUSY: resource busy or locked, rmdir ''

vue报错信息(四)之Error: EBUSY: resource busy or locked, rmdir ''

报错 npm Error : EBUSY resource busy or locked出现这样的错误是因为我们的文件被占用就是其他地方可能在使用文件夹或文件导致无法删除造成的,

2019-09-30 11:09:23
6381 0 0
追梦猪追梦猪
Vuejs