![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
umijs
supming1
这个作者很懒,什么都没留下…
展开
-
umi ssr 之从入门到放弃
今年7月份的时候用umi搭建了react ssr,发现了不少问题,记录一下,作为后来人选型的参考,是真正的从入门到放弃。如果下面罗列的问题你们自己有办法解决,那可以考虑使用,当然,以下仅供参考,可能官方后续会把问题解决。原创 2020-11-08 20:04:14 · 2810 阅读 · 11 评论 -
用umi做服务端渲染发现其没有将服务端初始化数据同步到客户端
react服务端渲染一般来说会将初始化model数据保存到给一个全局量中,待客户端接管的时候,用改全局变量中的数据进行初始化到客户端model中。最近用umi做服务端渲染,发现服务端调用dispatch保存到model中的数据没有渲染到客户端全局变量中;在getInitialProps 直接返回的值,会保存到客户端全局变量中,但是没有拿改变量初始化到model中。所以用umi做服务端渲染,没有办法将服务端model同步到客户端。下面是渲染出来的代码,去除了部分重要代码。<!DOCTYPE ht原创 2020-11-07 17:06:44 · 835 阅读 · 0 评论 -
umi ssr 按需加载bug
umi ssr 按需加载bug原创 2020-09-04 16:08:49 · 1479 阅读 · 0 评论 -
react 路由切换页面渲染两次
用react 开发时,我们一般会写一个layout层,同事在layout层做了动画,大致代码如下<TransitionGroup className={styles['route-ani-wrap']} childFactory= {this._getChild}> <CSSTransition key={location.pathname} timeout={300}> {children} </CSSTransition></Tr原创 2020-09-04 15:29:06 · 2370 阅读 · 3 评论 -
umi 报LoadingComponent is not defined
用umi 进行ssr开发,报LoadingComponent is not defined错误。在官网看到的解决方法:https://github.com/umijs/umi/issues/5263dynamicImport: { loading: '@/components/common/Loading', //这行自定义loading组件导致的问题。},...原创 2020-08-28 19:28:27 · 780 阅读 · 0 评论 -
umi 中使用sass
umi中使用sass只需安装 @umijs/plugin-sass( yarnadd@umijs/plugin-sass--dev ),安装完后无需配置,umi会自己识别。默认使用dart sass , 如果需要使用node-sass,才需要想官网那样配置https://umijs.org/zh-CN/plugins/plugin-sass,另外,官网faq中如何使用sass描述的方法无效。...原创 2020-08-24 17:52:05 · 1649 阅读 · 0 评论 -
umi 项目ssr 使用react-helmet设置meta无效问题
最近采用umi搭建react ssr项目,ssr写方参考了官方提供的example/ssr-koa实例,meta 采用官方推荐的react-helmet在每个页面设置不同的meta信息。发现经过自定义服务器koa之后,meta信息就渲染不出来了。经历各种苦逼和同事发现了两种解决方法:1、在全局的layout 下写meta, 然后再在对应的页面写meta。这个是同事发现的解法,他说要先渲染外层,单纯渲染url层meta无法渲染出来。经测试,第一次访问的时候,这种方法渲染出来有可能出错。2、将mode从原创 2020-07-22 21:04:36 · 2586 阅读 · 0 评论 -
umi 如何区分不同环境
开发过程中,我们经常要配置不同的环境变量来区分环境。最近使用uim.js。它如何配置环境变量呢?根据文档:多环境多份配置和定义代码中可访问变量define做了如下配置:// .umirc.local.jsexport default { define: { ENV: 'local', }}// .umirc.test.jsexport default { define: { ENV: 'test', }}// .umirc.pro.jsexp...原创 2020-07-21 11:44:54 · 2644 阅读 · 0 评论 -
umi 配置 proxy 正式环境是否可以正常代理
最近使用umi.js进行开发,其proxy配置项目可以配置代理,进行跨域请求。但文档中并没有说明编译部署后是否能正常代理?还是只能在本地环境下做代理。文档快速上手部分提到编译后,可以采用serve做本地验证。以下是本人验证的结果。本地环境代理是正常的,编译后用serve验证,状态码为404,所以本人认为:proxy这个配置项只是为本地开发使用的,部署仍需要自己配置相关代理。...原创 2020-07-20 17:46:11 · 4279 阅读 · 5 评论