无法解析组件：@ionic-vue 中的 VuePhoneNumberInput

问题描述

我在@ionic-vue 中安装了一个全局组件，但是在另一个组件中使用它时出现以下错误：

[Vue 警告]：无法解析组件：VuePhoneNumberInput 在 key="/registro" isInOutlet=true ... > 在 在 在 runtime-core.esm-bundler.js:38

[Vue 警告]：无法解决

component: VuePhoneNumberInput at

key="/registro" isInOutlet=true ... > at at at

我的全局寄存器：

import VuePhoneNumberInput from 'vue-phone-number-input';
import 'vue-phone-number-input/dist/vue-phone-number-input.css';

import './theme/variables.css';

const app = createApp(App)
  .use(IonicVue)
  .use(router);
  
app.component('vue-phone-number-input',VuePhoneNumberInput);

其他组件：

<template>
<ion-page>
    <Navigacion :titulo="titulo">
    <template v-slot:default>
       <div class="titulo-login">Ingresa a Jamuy con tu número de celular</div>
     <VuePhoneNumberInput v-model="numero" @update="resultados = $event"></VuePhoneNumberInput>
     </template>
    </Navigacion>
</ion-page>
</template>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）