E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
umi3
关于umi ui图标未显示问题
/preset-ui-D但是启动项目后,发现没有显示umiui的图标找了许多解决方案,发现umi的版本问题,由于我使用的antdesignpro官网最新版本,按照官方文档创建项目时,官方的脚手架不提供
umi3
咸鱼不闲.s
·
2024-02-20 00:53
ui
javascript
开发语言
umi-ui
ant-desogn-pro
Umi3
创建,配置环境,路由传参(代码示例)
目录创建项目配置环境创建脚手架项目结构及其目录、路由配置路由嵌套路由编程式导航和声明式导航声明式导航编程式导航约定式路由路由传参query传参(问号)接收参数params传参(动态传参)接收参数创建项目配置环境首先得有node,并确保node版本是10.13或以上。(18版本可能会不适配)$node-v//查看版本v16.20.2如果出现版本错误,可以使用nvm进行node版本管理https://
卡科卡
·
2024-01-19 00:11
javascript
typescript
react.js
前端框架
webpack
umi2升级到
umi3
umi2升级到
umi3
最近公司准备搞微前端,为了能能更好的适配qiankun,打算把公司用umi2写的老项目升级到umi3.5,在升级的过程中也遇到了非常多的问题文章目录umi2升级到
umi3
前言一、先按照官方文档进行升级二
前端架构师_555
·
2023-11-30 12:58
javascript
前端
React升级
umi3
步骤
升级
umi3
**环境准备**建议重新克隆一份代码,确保不受node_modules影响gitcloneurl依赖处理删除package.json和yarn.lock的dva依赖信息,增加umi依赖,推荐删除
努力的牛肉丸
·
2023-11-19 03:28
前端
react
typescript
umi3
配置qiankun文档
1、添加依赖yarnadd@umijs/plugin-qiankun-D||npmi-D@umijs/plugin-qiankun2、修改父应相关文件(config)2.1、父应用的配置exportdefault{qiankun:{master:{//注册子应用信息apps:[{name:'app1',//唯一identry:'//localhost:7001',//htmlentry入口服务器s
前端架构师_555
·
2023-11-07 11:01
前端
umi3
创建环境变量、打包去掉console的配置
去掉console需要的插件yarnaddbabel-plugin-transform-remove-console--dev
8d2855a6c5d0
·
2023-10-26 06:01
Umi3
实战教程
一、框架介绍umi是蚂蚁金服的前端开发框架,它内置了路由、web/移动端UI库、数据流、权限控制、常用hooks库、构建、部署、测试、等等一些工具,几乎涵盖了正常前端开发要用到的所有工具。二、环境准备pnpm相比npm、yarn,pnpm更小+更快+扁平化+默认支持monorepo,有诸多有点。想要了解更多详细,可以参考这篇文章:pnpm实战教程镜像管理工具推荐使用镜像管理工具:如果本地使用npm
IT飞牛
·
2023-10-18 15:40
Web前端
umi3
umi3
区分生产环境 测试环境
安装cross-envyarnaddcross-envcross-env是用来统一操作系统的当然你也可以不安装,根据操作系统来#OSX,Linux$UMI_ENV=testumibuild#Windows(cmd.exe)$setUMI_ENV=pro&&umibuild修改package.json脚本"build":"cross-envUMI_ENV=testumibuild","build-p
minusplus
·
2023-09-26 13:36
Umi3
中使用react-pdf报错 Setting up fake worker failed: “Loading chunk mf-dep_pdfjsWorker faile
项目场景:umi创建的项目中使用react-pdf无法正常使用。错误信息:Settingupfakeworkerfailed:"Loadingchunkmf-dep_pdfjsWorkerfailedPS:"dependencies":{"pdfjs-dist":"3.1.81","react-pdf":"^4.2.0","umi":"^3.5.17"},原因分析:可能是umi编译的问题,没有找到
ATWLee
·
2023-09-17 20:34
React技术栈相关
react-pdf
Error: Could not find “store“报错问题
开始还以为是umi版本的原因,他平时在
umi3
的写法产生了问题。结果实际上很简单,目录models名字写错了。
clearlov3
·
2023-09-15 22:33
react自学
reactjs
安装umi4阻碍一天的问题解决了
umi4已经发布一段时间了,现在项目中还是用的
umi3
版本,
umi3
最坑的就是mfsu不会热更新,而且umi4新增了一些功能,所以打算把umi版本升级下。
·
2023-08-15 20:02
react.js前端
ant design pro + umi4的动态菜单与动态路由
先说说我浪费了大量时间使用的处理方式:因为曾经的项目是
umi3
的,所以我就想原样搬过来,结果发现,布局页BasicLayout的子children不见了!
猜测7
·
2023-04-14 00:06
前端
javascript
开发语言
umi3
使用 hard-source-webpack-plugin 插件提升构建速度
umi3
的打包速度实属感人,在umi2默认使用了hard-source-webpack-plugin插件提升构建速度,不知道为啥在
umi3
干掉了这一功能,那我们只好自己配置啦。
BluesCurry
·
2023-04-10 12:09
umi3
区分生产环境 测试环境
安装cross-envyarnaddcross-envcross-env是用来统一操作系统的当然你也可以不安装,根据操作系统来#OSX,Linux$UMI_ENV=testumibuild#Windows(cmd.exe)$setUMI_ENV=pro&&umibuild修改package.json脚本"build":"cross-envUMI_ENV=testumibuild","build-p
weixin_42863267
·
2023-03-15 08:59
react
umi
umi3
项目的接口请求封装以及异常处理
关键词:errorHandlerinterceptors1、interceptors和errorHandle区别处理的情况:拦截器可以对请求的request和response分别进行拦截处理errorHandle只有发生状态码!==200||拦截器感受到异常抛出的问题处理时机:先拦截器处理后errorhandle处理2、使用情况业务情况下会有接口通(status===200)但业务返回code码异
ci鱼丸粗面
·
2023-01-29 06:37
从0搭建一个umi3+antdpro的项目都需要做什么
https://v3.umijs.org/zh-CN/docs/getting-started2、使用
umi3
搭建的项目内部没有一些项目必须的部分需要补齐(1)models公共的状态管理文件按照umi官方文档配置
ci鱼丸粗面
·
2023-01-27 04:00
UMI 插件 registerGenerator 粗略分析
二、
umi3
下的registerGeneratorregisterGen
航航
·
2022-11-21 21:39
技术集成
javascript
typescript
前端
Umi3
结合@ant-design/pro-table实现一个ProTable页面
先看看效果如下实现方式首先我们先写两个接口,创建一个data.d.ts文件exportinterfaceSingleUserType{id:number;name:string;email:string;create_time:string;update_time:string;status:number;}exportinterfaceFormValues{[name:string]:any;}
进阶的巨人001
·
2022-07-31 15:56
umi3
ts
ant-desig
安装umi4阻碍一天的问题解决了
umi4已经发布一段时间了,现在项目中还是用的
umi3
版本,
umi3
最坑的就是mfsu不会热更新,而且umi4新增了一些功能,所以打算把umi版本升级下。
·
2022-07-26 17:51
react.js前端
安装umi4阻碍一天的问题解决了
umi4已经发布一段时间了,现在项目中还是用的
umi3
版本,
umi3
最坑的就是mfsu不会热更新,而且umi4新增了一些功能,所以打算把umi版本升级下。
夕阳白雪
·
2022-07-26 16:00
umi3
源码学习
工作中的很多项目都是基于umi开发的,所以最近学了一下umi的源码,对这个框架的好感又多了一些~。如果你也感兴趣的话,欢迎跟我一起来学习or温习一下。这篇文章会带你从项目运行开始切入,循序渐进地了解umi核心的部分。我们创建好umi项目之后,第一步一般是使用yarnstart命令去运行它,执行的是umidev,也就是umi命令,所以先来看看umi命令是怎么定义的。下面提到的源码目录在umi的源码仓
·
2022-02-10 11:59
前端umi源码
ant design pro升级v4指南(附
umi3
与antd4升级)
前言自己在去年用antdesignpro创建了个后台服务的项目,当时创建的时候umi控制台提示是否使用antd4,当时抱着尝鲜的想法选择了yes,结果项目跑起来之后,功能没有问题,但是打开后台后发现各种提醒你升级或者迁移的warning,类似这样:image看着着实蛋疼,antdesignpro本质上是蚂蚁全家桶,结合了antd和umi的一整套后台项目解决方案,如果要解决这些warning,需要对
广兰路地铁
·
2022-02-03 09:34
umi3
+ qiankun 搭建微前端
本文介绍qiankun的主应用和微应用都使用
umi3
搭建。
dkvirus
·
2021-06-26 22:16
umi3
源码探究简析
前言近期,团(ling)队(dao)准(yao)备(qiu)从Vue技术栈转向React技术栈,而且特别指定了使用AntDesign的设计组件库,出于相关生态考虑,我们决定采用蚂蚁金服团队相关react方案。选择理由如下:一来是React原装全家桶比较散,引包组装比较麻烦;二来是国内React生态相关方面阿里开源及社区做的比较突出,因而我们决定使用阿里React相关技术栈。基于组件库及相关可视化展
·
2021-03-09 22:29
使用 umi 3 创建子应用并接入主应用
使用
umi3
创建子应用并接入主应用前言:
umi3
更新频繁,文档不完善,时效性不定,因此前提条件很重要,今天是2020年8月21日。
blueju
·
2021-01-11 23:19
前端
umi
react.js
umi3+react+antd pro 多环境打包配置
umi3+react+antdpro在打包时只区分了:本地+生产,
umi3
的package.jsonscripts部分如下:"scripts":{"analyze":"cross-envANALYZE=
大甜甜
·
2020-11-25 20:49
umi
react.js
antd
umi3+react+antd pro 多环境打包配置
umi3+react+antdpro在打包时只区分了:本地+生产,
umi3
的package.jsonscripts部分如下:"scripts":{"analyze":"cross-envANALYZE=
大甜甜
·
2020-11-25 20:49
umi
react.js
antd
umi3+react+antd pro 多环境打包配置
umi3+react+antdpro在打包时只区分了:本地+生产,
umi3
的package.jsonscripts部分如下:"scripts":{"analyze":"cross-envANALYZE=
大甜甜
·
2020-11-25 20:48
umi
react.js
antd
ant design pro升级v4指南(附
umi3
与antd4升级)
前言自己在去年用antdesignpro创建了个后台服务的项目,当时创建的时候umi控制台提示是否使用antd4,当时抱着尝鲜的想法选择了yes,结果项目跑起来之后,功能没有问题,但是打开后台后发现各种提醒你升级或者迁移的warning,类似这样:看着着实蛋疼,antdesignpro本质上是蚂蚁全家桶,结合了antd和umi的一整套后台项目解决方案,如果要解决这些warning,需要对整个项目进
广兰路地铁
·
2020-09-12 23:24
tips
前端
Umi3
搭建项目 + 统一错误拦截
基于umi3+dva+react+antd-mobile搭建项目。功能[x]umi+dva+reacthooks+antd-mobile[x]eslint+stylelint+prettierrc[x]sass/less[x]global样式+mixin样式[x]px自动转vw[x]资源上传七牛[x]错误统一拦截目录结构介绍├──dist///默认的build输出目录├──mock///mock文
剑豪
·
2020-08-24 15:14
umi
react.js
dva.js
request
前端
umi3
useRequest 配置
1,在app.ts中写入:import{RequestConfig}from'umi';importconfigfrom"@/config"importerrorHandlerfrom"@/util/errorHandle"exportconstrequest:RequestConfig={prefix:process.env.NODE_ENV==="production"?config.base
胜天一子
·
2020-08-14 03:42
react
Umi3
快速上手(三)
写在前面本人也是近期开始接触的
umi3
的,看了很多文档,自己也做了些总结,本文也主要借鉴了官方文档,还有一篇语雀上的教程创建页面可以用umigpageabout命令创建页面,这样会自动新建,页面的js文件和
JobZhang的博客
·
2020-08-12 15:58
react
typescript
umi3
使用 dva 的正确姿势
啥也不要配置,直接就内置了,就可以使用了1,我们先看模型count.jsfunctionasyncInit(){returnnewPromise((resolve,reject)=>{setTimeout(()=>{resolve(100);},1000);});}exportdefault{namespace:"count",//可省略state:JSON.parse(localStorage.
爱生活,爱编程
·
2020-07-28 05:10
react
开源精选:AntdFront —— React 纯 Hook 多标签微前端管理系统解决方案
antd)做UI十分常见,然而与其相关的开源项目普遍存在以下问题:大多使用antd3,使用antd4的项目很多还在用umi2大多处于class组件的时代,有的部分使用了Hook,权限管理粒度又到不了按钮级
umi3
Evan-Nightly
·
2020-07-06 23:09
开源精选
umi3
useRequest 配置
1,在app.ts中写入:import{RequestConfig}from'umi';importconfigfrom"@/config"importerrorHandlerfrom"@/util/errorHandle"exportconstrequest:RequestConfig={prefix:process.env.NODE_ENV==="production"?config.base
yangliwei.top:88
·
2020-06-25 06:51
web
react
umi
umi-request
request
hook
umi3
优化配置,去掉log,开启文件gzip压缩
开启gzip压缩1,安装gzip的webpack插件yarnaddcompression-webpack-plugin2,在umirc.ts中写入如下配置//引入constCompressionPlugin=require("compression-webpack-plugin");constproductionGzipExtensions=/\.(js|css|json|txt|html|ico
yangliwei.top:88
·
2020-06-25 06:19
web
Umi3
快速上手(四)
写在前面本人也是近期开始接触的
umi3
的,看了很多文档,自己也做了些总结,本文也主要借鉴了官方文档,还有一篇语雀上的教程dvaumi3整合dva数据流,在umi@3中要使用dva的功能很简单,只要使用安装
JobZhang的博客
·
2020-06-23 03:29
typescript
react
typescript
reactjs
上一页
1
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他