Deshun 发布于 2年前 (2022-09-29) 942℃ 评论(0) 赞 (4)
umi 项目 使用的是 ant design pro 的 layout 布局，发现页面有点不对劲，检查元素发现渲染出来两套 header 标签。问题原因：在 umi 的 config 配置中有 layout 配置，又在 src/layouts/index.tsx 中使用了 <ProLayout /> ，造成了重复引用。解决方法：将 umi 配置的 layout 配置项删除即可...
Deshun 发布于 2年前 (2022-09-22) 1283℃ 评论(0) 赞 (3)
哎，对阿里的产品简直无语，升级 umi4 后一堆报错，好容易逐个攻破，跑起来了，可以看下我昨天整理的文章：umi3升级umi4报错问题汇总，附解决方法现在又发现之前配置的乾坤（qiankun）微应用白屏， root 标签为空。找了半天，原来是 umi4 的路由配置里做了微小的修改...
Deshun 发布于 2年前 (2022-09-19) 5075℃ 评论(0) 赞 (5)
Umi v3 升级 Umi v4 遇到一系列问题，整理汇总了一下：yarn start 报错：fatal - TypeError: api.modifyBabelOpts is not a function at inspectorPlugin (...\no...
Deshun 发布于 2年前 (2022-09-09) 980℃ 评论(0) 赞 (4)
ag-Grid 是比较实用的数据表格组件，最近接触到了相关的项目，简单记录一下设置选中单行多行和获取选中行数据的方法。设置多行选中rowSelection 行选择的类型，设置为 'single' 或者 'multiple' 启用单选和多选。const gridOptions = { headerHeight:&...
Deshun 发布于 2年前 (2022-08-29) 1442℃ 评论(0) 赞 (1)
升级到 Umi4 后，有同事和我反映，之前的一些组件不能用了，获取不到 props ，props 是空对象。Umi4 在代码层做了修改，将 react-router@5 升级到 react-router@6，所以路由相关的一些 api 存在着使用上的...
Deshun 发布于 2年前 (2022-08-16) 811℃ 评论(0) 赞 (3)
使用 map() 插入 DOM 时返回的数组因为拼接 += 调用了 toString() 方法，数组结构 [1, 2, 3] 里面的逗号也会被带上，就变成了 1, 2, 3 循环输出到 DOM了。解决方法使用 join() 可以切开一个数组，指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。arr.map((item)=>{ return item...
Deshun 发布于 2年前 (2022-08-05) 963℃ 评论(0) 赞 (1)
执行 npm install 安装命令时报错：npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resol...
Deshun 发布于 2年前 (2022-08-04) 807℃ 评论(0) 赞 (4)
今天是七夕了，搭建了一个用代码写跳动的心的网站，有需要的拿去吧。链接：https://love.w3h5.com...
Deshun 发布于 2年前 (2022-07-26) 1104℃ 评论(0) 赞 (1)
我们的项目中需要导出 Excel 的需求还是挺多的，找了一个处理导出 Excel 的库 ExcelJS ，npm包。可以满足（但不限于）以下需求：简单表格导出为表格添加样式（更改背景色、更换字体、字号、颜色）设置行高、列宽解析 ant-design 的 Table 直接...
Deshun 发布于 2年前 (2022-07-22) 927℃ 评论(0) 赞 (0)
使用 Mock 可以方便的模拟接口数据，只需要简单配置，就能实现上万级别的模拟数据。下面简单记录一下， Umi 项目 Mock 的使用：本地配置开启 Mock修改 umi 配置文件 .umirc.ts ，开启 mock ：export default defineConfig({ mock: {}, });配置接口在项目...
Web前端开发资源网