我在@ionic-vue 中安装了一个全局组件,但是在另一个组件中使用它时出现以下错误:
[Vue 警告]:无法解析组件:VuePhoneNumberInput at <Registro ref=Ref< undefined > key="/registro" isInOutlet=true ...> at at at runtime-core.esm-bundler.js:38
[Vue 警告]:无法解决
组件:VuePhoneNumberInput at <Registro ref=Ref< Proxy { : {…}, : {…} }
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>