search

alibaba / lowcode-engine

An enterprise-class low-code technology stack with scale-out design / 一套面向扩展设计的企业级低代码技术体系
https://lowcode-engine.cn
MIT License
14.66k stars 2.55k forks source link

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

Open 329697166 opened 11 months ago

329697166 commented 11 months ago

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

控制台报错如下: image

代码包: lowcode-plugin.zip

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

eternalsky commented 10 months ago

这是 warning 不会影响渲染。

329697166 commented 9 months ago

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

winljm001 commented 8 months ago

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

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

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

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