Ant Design Pro 引入组件时显示未注册

最新推荐文章于 2024-03-06 17:01:10 发布
最新推荐文章于 2024-03-06 17:01:10 发布
阅读量390 收藏
点赞数
分类专栏： 前端设计 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/y1535623813/article/details/120221422
版权

在直接使用Ant-Design-Pro管理框架的时候项目默认按需引入了部分常用的组件，所以有些不常用的组件直接使用是会出现错误的

引入其它没有默认的组件

 

 

 

我笔记
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ant design4.40 web组件库 ant design pro后台模板库（精细-完整）
12-26
Ant Design 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。 ant design4.40-web组件库 是基于Axure ，参考Ant Design 的样式而设计的一套模板库，是产品经理必备套件库，Ant Design4.40-最新精编文件22年3月，AXURE原型设计，需要的素材和模板内容里面都有可以借鉴。 rplib不能在Axure RP 10中打开，但rp文件可以。
基于 Ant Design of Vue 实现的 Ant Design Pro 源码
12-29
基于 Ant Design of Vue 实现的 Ant Design Pro 源码 安装依赖 npm install 开发模式运行 npm run serve 编译项目 npm run build
ant design pro动态菜单
10-08
自己写的ant design pro动态菜单，不足请指正，互相学习借鉴！
AXURE Ant Design 4.40 - web组件库 ant design pro 后台模板 产品经理
02-13
rp以及rplib两种格式
AntDesign3.9Axure组件
06-01
整合了Axure 3.9常用资源库套件，包含导航、布局、各种按钮等，适合产品经理或与前端设计相关同学下载。
Vue Steps步骤条渲染异常
m0_47333020的博客
09-02 2098
我想创建一个步骤条，于是将Element官网步骤条代码拷贝到自己的项目中 显示结果： 页面渲染结果并没有想官网描述的那样 考虑了几种可能性（Vue版本不同影响渲染，电脑盗版系统影响渲染，IDA盗版影响渲染，其他组件样式影响渲染），前三个太麻烦了（也太贵了），所有选择最简单（便宜）的一项来检查问题所在 新建了一个新组件 排除了其他组件样式的相互影响，运行 结果依然让人想锤作者！！ 但作为一个有智慧的前端初学者，我还是打开了调试面板，哪里bug点哪里 可以看出这是点线分离的，这条步骤线没有问题，步骤
iview使用Steps组件路由报错问题
weixin_61115283的博客
03-17 219
之前的写法是在点击下一步的时候，进行路由跳转并设置步骤，然后在设置步骤的时候又会进行路由的push。解决办法很简单，只需要修改设置步骤的时机，在每个步骤的create时进行设置步骤，就完美解决。
React使用antd的Steps控件的问题
qq_16256793的专栏
06-11 8236
项目所使用的是antd 2.x版本，由于业务需要，弄一个进度条，使用Steps控件来实现目标的实现效果：需要的效果就是，竖着的，点状的步骤，并且文字都是可以点击的但是在使用Steps控件的过程中，因为需要竖着的，但是在查看antd使用的时候，使用codePen来实现竖着点状步骤是可以的，但是在项目中变成了这样找了很久，没有找到原因，所有就把Steps的style覆盖掉了:global { .a...
Ant Design Vue - 使用某些组件直接报错 “组件未注册” did you register the component correctly?
王佳斌
12-16 8299
前言 #SEO [Vue warn]: Unknown custom element: <a-xxxx> - did you register the component correctly? For recursive components, make sure to provide the “name” option.
ROS vscode开发，故障解决
wzfafabga的博客
09-27 902
ros用vscodeIDE开发注意事项
html（结构）+css（表现）+js（行为）
weixin_45027619的博客
09-28 2658
@TOC 一、html 1.文档声明（doctype） 1.1 作用 用来告诉浏览器当前网页的版本 1.2 h5的文档声明 代码位置：html页面的最顶部，在html标签外 <!DOCTYPE html> 大小写皆可 2.字符编码 2.1 编码 将字符转换成二进制的过程 2.2 解码 将二进制装换成字符的过程 2.3 字符集 编码解码所遵循的规则 2.4 乱码 编码解码时所采用的字符集不同导致乱码 2.5 utf-8 万国码，开发时的默认编码 2.6 设置网页解码所用的字符集编码 <he
记录一个BUG a-steps 切换步骤点击下一步问题
最新发布
weixin_43666952的博客
03-06 331
在切换事件中把current 又改为第一步的值切换也没毛病，就是走不到下一步，以为是版本大切换导致的试着切换到低版本还是不行Cannot read properties of null (reading ‘split‘)“ 包这样一个错很是疑惑？最近心血来潮，想将之前重构的服务端2.0进化为3.0，肯定是要将UI组件升级版本使用，在涉及到忘记密码页面有一个三步走战略，当时以为是很普通的复制粘贴然后修改，然后就出现了一个离奇的BUG。直接照官网的复制个demo,
VS Code task使用c/c++extension(cppbuild)类型运行windows命令在终端输出乱码解决办法
qq_43322433的博客
03-11 4154
VS Code的task的type字段设置为extension定义的类型时,运行一个windows命令,可能会在终端输出输出乱码,例如: "type":"cppbuild",//c/c++ extension定义的task类型. "command": "chcp 65001" //windows命令 如果这样配置,会在终端输出中文乱码. 根本原因是task的type配置成了c/c++ extension重载的任务类型,该名称可以在该插件的package.json文件中的contributes{
antd 上传进度_大神您好，请教一下，使用antd上传组件无法显示进度条的问题
weixin_39914243的博客
12-19 1542
本地环境：mac proantd 版本: 1.8操作系统及其版本：os浏览器及其版本:chrome做了什么？引入 antd 了 Upload组件你期待的结果是：像官网一样正常显示 ，实现进度条的效果实际上的结果：缺少进度条的效果，但是文件可以正常上传，使用的为 fetch代码：`render: function () {let AudioUploadData = null;if (this.pro...
Ant组件库的Steps步骤条中嵌套步骤条
半朵梨花压海棠
01-22 3823
需求：如果在步骤条里嵌套步骤条 实现：在a-steps标签里再写一个a-steps标签 注意：需要监听:current，如果有多层嵌套，要判断什么时候显示子步骤条 官网： Ant-vue的Steps步骤条组件：https://www.antdv.com/components/steps-cn/ 示例： <a-steps size="small" style="padding-left: 20px;" direction="vertical" :current="currentTab3">
【React】解决antd样式没有显示问题（网页频闪问题）
Sco_jing的博客
11-30 1503
问题详情 最近需要使用Ant Design UI库创建项目，已经创建了五、六次项目了，每次创建项目耗时久、删项目又麻烦不说，展示效果并没有显示antd的样式，整个网页出现不停频闪效果，示例如下： 解决方法 忘记在App.css文件最前方加入一句： @import "~antd/dist/antd.css"; 很难忘的两天，故记录一下，警示下次不会再犯 ...
a-cascader级联选择的使用以及注意事项（基于AntDesignVue）
热门推荐
invalid_oath的博客
04-10 1万+
包括a-cascader的基本使用，进阶的动态加载数据或者预加载数据，以及自定义字段名简化代码。
引入antd（Ant Design）不显示样式效果
weixin_46379270的博客
06-26 2364
npm下载Ant Design样式失效
React中ant-design使用+antd的按需引入+自定义主题+踩坑填坑
weixin_45710060的博客
07-18 8688
这两天正在学习react，学习使用ant-desgin快速搭建网站，在配置按需引入和自定义主题的时候，遇到一些问题，特此记录一下整个配置流程和解决方案的过程。
antdesignpro 表单组件里装图片的组件
05-26
Ant Design Pro 表单组件中有一个上传组件可以用来上传图片，它是基于 Ant Design 的 Upload 组件进行封装的，具体使用方法如下： 1. 首先需要在页面中引入 Upload 组件： ```javascript import { Upload } from 'antd'; ``` 2. 在表单中使用 Upload 组件，例如： ```javascript <Form.Item label="图片上传"> <Upload name="avatar" listType="picture-card" className="avatar-uploader" showUploadList={false} action="/upload.do" beforeUpload={beforeUpload} onChange={this.handleChange} > {imageUrl ? <img src={imageUrl} alt="avatar" style={{ width: '100%' }} /> : uploadButton} </Upload> </Form.Item> ``` 其中，`name` 表示上传的文件参数名称，`listType` 表示展示的样式（这里用的是图片卡片），`className` 表示自定义样式类名，`showUploadList` 表示是否展示已上传文件列表，`action` 表示上传的接口地址，`beforeUpload` 表示上传前的验证方法，`onChange` 表示上传状态变化的回调函数。 3. 在上传前进行验证，例如： ```javascript beforeUpload(file) { const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png'; if (!isJpgOrPng) { message.error('只能上传JPG/PNG格式的图片!'); return false; } const isLt2M = file.size / 1024 / 1024 < 2; if (!isLt2M) { message.error('上传的图片必须小于2MB!'); return false; } return true; } ``` 在这个示例中，我们对上传的图片进行了格式和大小的验证，如果不符合要求就会提示错误信息。 4. 在上传状态变化时更新图片展示，例如： ```javascript handleChange = info => { if (info.file.status === 'uploading') { this.setState({ loading: true }); return; } if (info.file.status === 'done') { getBase64(info.file.originFileObj, imageUrl => { this.setState({ imageUrl, loading: false, }); }); } }; ``` 在这个示例中，我们根据上传的状态判断是否正在上传，如果是就显示加载中的状态，如果上传完成就将图片转换为 Base64 格式并展示出来。 上述是一个简单的上传图片组件的示例，你可以根据自己的需求进行调整和扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我笔记

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值