async component

[RezaErfani67]

if i write async component, show Vue Warn

  async openReferral(mailID) {
                let that = this;
                let addReferral= async ()=>{return  await import('../../referral/referralTask/add.vue')}
                that.$dlg.modal(addReferral, {width: 800, height: 750, title: "add task"
                    params: {
                    mailID :mailID,
                    }});
            },

[TerryZ]

Try below

  async openReferral(mailID) {
    let that = this;
    let addReferral= async ()=>{return  await import('../../referral/referralTask/add.vue')}
    that.$dlg.modal(addReferral(), {width: 800, height: 750, title: "add task"
      params: {
        mailID :mailID,
      }
    });
  },

[RezaErfani67]

return error

vue.esm.js?a026:628 [Vue warn]: Invalid prop: type check failed for prop "component". Expected Object, Function, got Promise
[Vue warn]: Failed to mount component: template or render function not defined
VM2541:15 Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: http://localhost:8080/commercial/cmcProduct/add.vue