lowcode-engine icon indicating copy to clipboard operation
lowcode-engine copied to clipboard

自定义antd组件使用Drawer, 拖拽到画板后报错

Open 329697166 opened this issue 1 year ago • 3 comments

步骤: 1.npm init @alilc/element lowcode-plugin 2.npm install 3.npm lowcode:dev 4.在src/component下创建一个antd的Drawer或Modal组件;

控制台报错如下: image

代码包: lowcode-plugin.zip

有没有大佬帮忙看看怎么回事

329697166 avatar Dec 18 '23 03:12 329697166

这是 warning 不会影响渲染。

eternalsky avatar Jan 16 '24 01:01 eternalsky

这个并不是一个简单的warning, 出现这个warning的同时, 对应的组件也不会被渲染

329697166 avatar Feb 05 '24 08:02 329697166

这个并不是一个简单的warning, 出现这个warning的同时, 对应的组件也不会被渲染

解决了,原因是两个antd版本同时存在了

以下两个办法任选其一 1、自己注入的antd5 包名你就别叫antd了,其他任意换个名字 2、@alifd/build-plugin-lowcode 内置了antd4,需要把这个包里面内置的antd4的包给删除了

我这边自己采用的是2,因为1虽然能解决问题,但是还是引入了antd4,在部分class重叠的时候会影响antd5部分组件的样式,pnpm 打了个补丁,去把 @alifd/build-plugin-lowcode 中antd4 相关的给删除了

winljm001 avatar Feb 28 '24 06:02 winljm001