ant-design-vue按需加载报警告——2022-04-21

最新推荐文章于 2024-02-28 10:22:54 发布
最新推荐文章于 2024-02-28 10:22:54 发布
阅读量1.5k 收藏
点赞数
分类专栏： 学习碎片 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51400566/article/details/124292498
版权

在使用Formily Vue中配置了按需加载如图：

npm run serve运行后报警告如图：（导致页面也无法显示）

然后去ant-design-vue官网找答案，因为项目是Vue2,对应的ant-design-vue版本应降到1.x，如图

 

npm install ant-design-vue@1.7.8再重启项目，运行正常。 

有个抽抽
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item, you haved set `ASele
MoXinXueWEB的博客
02-28 7680
小菜鸟在发现
vue_ant-design-vue菜单递归
12-28
后台返回菜单无限层级展示
Vue3在使用antd-vue的Modal封装子组件时，visible失效的问题
会飞的猪0629
10-27 1976
Vue3在使用antd-vue的Modal封装子组件时，visible失效的问题
用于设置ant-design-vue中table组件的列宽可拖拽
08-05
vuex2.x中用于设置ant-design-vue中table组件的列宽可拖拽
Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item,you haved set `ACascad
最新发布
weixin_44784401的博客
02-28 1436
Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item, you haved set `ACascader`, `AInputNumber` 2 field items. You can set not need to be collected fields into `a-form-item-rest`
ant-design-vue-pro：像Pro一样使用Ant Design Vue！
02-05
English | 蚂蚁设计Vue Pro 适用于企业应用程序的即用型UI解决方案，作为Vue样板。 基于 预览： ： 主页： ： 文档： : 变更日志： : 常见问题解答： ： 总览 环境和依赖 节点 纱 网络包 埃斯林特 @ vue / cli〜3 -Vue的蚂蚁设计 图片编辑 -AntV G2 Viser -Vue的Antv / G2 注意：建议使用软件包管理，此项目的演示站点（yarn.lock）加载的版本完全相同。 但您也可以使用npm 项目设置 克隆回购 git clone https://github.com/vueComponent/ant-
使用antd-design-vue 模态框组件 使用v-model报错的问题
weixin_42600496的博客
05-19 3980
在封装模态框组件的时候，遇到一个问题， 1、模态框的显示与隐藏是由父组件传递过来的visible控制，在模态框上使用默认的v-mode，使用计算属性缓存visible这个属性值，，当模态框组件改变了这个值，会报：[Vue warn]: Computed property “showModal” was assigned to but it has no setter.然后再设置set方法，会导致栈溢出。 <a-modal v-model="showModal" :title="t
ant-desgin for vue. Modal组件修改样式无效问题
qq_44806249的博客
08-13 1475
ant-desgin-vue modal 组件修改样式无效
Ant react 组件报错解决整理 4.4
Lzyizq的博客
04-04 3379
解决：默认一行显示三个，一个占位一行，如果想占多列，请使用表格。解决：将Drawer组件 visble 改为 open；换位 item 写法。
antD对Menu的更新造成的警告
qq_45825645的博客
09-05 3745
antD对Menu的更新造成的警告
vue antDesign form表单问题总结
jacky
06-17 4311
最近新项目使用antd1.6版本进行的开发，相比之前项目1.5的版本，很多组件都进行了调整。项目开发中form表单用的频率比较高，今天做一下总结！ 首先说下1.5的版本吧，1.5版本的时候表单组件一直用的form，当时感觉还行，相比elementUI差异还是比较大，尤其对值的操作和表单的校验，简单上一下代码说明一下 <!-- 模板 --> <a-form :form='form'> <a-form-item label='用户名'> <a-input v-de
解决ant design vue中的modal弹框样式修改无效问题 修改modal样式无效
weixin_45958605的博客
04-11 4586
1、ant design vue中的modal弹框修改样式无效问题 ant中的弹框样式是修改不了的 原因在于弹框modal被挂载在最大的元素div外面了 所以需要将挂载在某个html元素上 在modal外面主动套一个div 在修改样式即可 2、:getContainer="()=>$refs.ref" ...
ant-design-vue按需加载的坑的解决
10-15
主要介绍了ant-design-vue按需加载的坑的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
ant-design-vue-pro-master.zip
08-20
ant-design-vue-pro-master之前版本的源码，该版本支持多页签，实现页面页签显示，返回不刷新。新版本代码改动较大，此版本慎用，可参考多页签的实现方式；
nuxt-ant-design-vue
05-08
@ nuxtjs-extra / ant-design-vue 适用于Ant Design Vue的Nuxt模块设置向项目添加依赖项yarn add @nuxtjs-extra/ant-design-vue @nuxt/components # or npm install @nuxtjs-extra/ant-design-vue 如果您使用...
ant-design-vue中将表格同一列内数据排序、数据相同的单元格合并
06-08
ant-design-vue + VUE3,在table中按照某一列名进行排序并将内容相同的列合并； 包含原table数据排序，重组，行合并
vue2+ant-design-vue警告 warning in ./node_modules/ant-design-vue/es/vc-trigger/Popup/PopupInner.js “
LRQQHM的博客
05-13 1861
安装 npm install less less-loader --save yarn install less less-loader --save
强迫症讨厌的vue警告，[Vue warn]Prop being mutated: “visible“
草叶儿的博客
03-08 6403
写VUE组件的时候，用到Modal经常会有这个警告，强迫症看的不舒服： [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "visible" 原
ant-design-vue formModal 表单validate error 提示并滚动到错误位置
weixin_45152848的博客
05-30 955
【代码】ant-design-vue form 表单validate error 提示并滚动到错误位置。
ant-design-vue按需引入Progress
05-25
你可以使用 babel-plugin-import 插件来实现按需引入 Ant Design Vue 组件。下面是示例代码： 首先，安装 babel-plugin-import 插件： ``` npm install babel-plugin-import --save-dev ``` 然后在 babel.config.js 中配置插件： ``` module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ [ 'import', { libraryName: 'ant-design-vue', libraryDirectory: 'es', style: 'css' } ] ] } ``` 这里的 libraryDirectory 设置为 'es' 表示使用 es 模块方式引入组件，style 设置为 'css' 表示按需引入组件的 CSS 样式。 最后在组件中按需引入 Progress 组件： ``` <template> <a-progress :percent="percent" /> </template> <script> import { Progress } from 'ant-design-vue' export default { components: { 'a-progress': Progress }, data() { return { percent: 50 } } } </script> ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值