ankurk91/vue-cleave-component

Vue3: Error in mounted hook

antoinebeneteau opened this issue · 1 comments

Hello,

Im using Vue3 - Vite.

Here is the error I get 👍

[Vue warn]: Unhandled error during execution of mounted hook 
  at <Cleave modelValue=null onUpdate:modelValue=fn options= {creditCard: true, delimiter: '-'}  ... > 
  at <CustomInput name="yearly_incomes" ref="yearlyIncomes" type="string"  ... > 
  at <Form class="space-y-16" onSubmit=fn<onSubmit> validation-schema= ObjectSchema {deps: Array(0), conditions: Array(0), _whitelist: ReferenceSet, _blacklist: ReferenceSet, exclusiveTests: {…}, …}  ... > 
  at <BaseTransition appear=false persisted=false onBeforeEnter=fn<onBeforeEnter>  ... > 
  at <Transition enter-active-class="animate__animated animate__fadeIn" > 
  at <Main> 
  at <InvestmentStep onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {handleButtonClick: <accessor>, handleValid: <accessor>, datas: <accessor>, formatCurrency: <accessor>, editPatrimony: <accessor>, …} > > 
  at <RouterView> 
  at <Main onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy {_: <accessor>, $: <accessor>, $el: <accessor>, $data: <accessor>, $props: <accessor>, …} > > 
  at <RouterView> 
  at <OnboardingLayout> 
  at <App>
Uncaught TypeError: t2(...) is not a constructor

Do you know why ?

Please share a reproduction on codesandbox or jsfiddle.