qiankun 子应用 ant-design-vue快速填坑指南

qiankun 子应用使用 ant-design-vue v3

问题

  1. Cascader无法显示下拉
  2. Form label 显示混乱
  3. Message 提示报错
  4. 等各种样式不兼容问题…

解决办法

  1. 子应用 ant-design-vue v3 升v4 官网文档
  2. 子应用 ant-design-vue ConfigProvider prefixCls全局化修改 设置统一样式前缀,记得更改项目样式文件,里面的 ant- 为 custom-
npm install -S less less-loader

App.vue 中修改:

qiankun 子应用 ant-design-vue快速填坑指南_第1张图片
vue.config.js中修改

qiankun 子应用 ant-design-vue快速填坑指南_第2张图片

  1. qiankun主应用使用了ant-design-vue v2,幸好使用不多删除主应用 ant-design-vue v2 版本,解决 Message 提示成功但是页面报错
    (不知道是不是)
Uncaught TypeError: Cannot read properties of null (reading 'insertBefore')

总结:升级、升级、升级

你可能感兴趣的:(vue.js,javascript,前端,qiankun,ant-design-vue,子应用)