Saltar al contenido

Vue/Vuetify – Elemento personalizado desconocido: – ¿registró correctamente el componente?

Recuerda que en las ciencias informáticas cualquier problema suele tener más de una soluciones, por lo tanto aquí te enseñamos la mejor y más eficiente.

Solución:

Es probable que esté experimentando un problema con el orden de sus operaciones. Estás definiendo el tuyo App componente que utiliza el v-app antes de que le hayas dicho a Vue que lo use, por lo que Vue asume que estás usando tu propio componente v-app componente.

Lugar Vue.use(Vuetify) antes de iniciar cualquier instancia de Vue a través de new Vue() que requieren componentes Vuetify, o colóquelo dentro de las propias definiciones de componentes justo en la parte superior de la

new Vue(
    el: "#app",
    components:  App ,
    template: ""
);

Vue.use(Vuetify);

Arreglar - Llamar new Vue() después Vue.use() permite que Vue resuelva la dependencia correctamente.

Vue.use(Vuetify);

new Vue(
    el: "#app",
    components:  App ,
    template: ""
);

Hay otra razón para este error con el que me encontré recientemente.

Recientemente actualicé de Vuetify 1.5 a 2.x y aunque tenía el orden de las operaciones correcto como en la respuesta actualmente aceptada aquí, todavía recibía el error de que v-app era desconocido:

Elemento personalizado desconocido: - ¿registró correctamente el componente? Para componentes recursivos, asegúrese de proporcionar la opción "nombre".

Resulta que el proceso de actualización requiere la siguiente adición a la sección package.json devDependencies que originalmente no existía en mi paquete vuetify 1.5x:

"vuetify-loader": "^1.3.0"

(1.3.0 versión actual a partir de este escrito)

Una vez que agregué que el error desapareció.

Si vienes de Google: para mí fue romper los cambios de v1 a v2, lo que hizo que la mayoría de los ejemplos de Codepen fueran inútiles. Tuve que cambiar esto para volver a ejecutar una aplicación Vuetify muy simple con cajones de navegación:

remove toolbar from 
replace v-toolbar with v-app-bar
replace v-app-bar-side-icon with v-app-bar-nav-icon
replace v-app-bar-title with v-toolbar
replace v-list-tile to v-list-item

replace all flat with text

Tal vez esto ayude a alguien.

(editado para incluir el comentario de cong yu)

Reseñas y valoraciones

Más adelante puedes encontrar las explicaciones de otros administradores, tú asimismo eres capaz mostrar el tuyo si te gusta.

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 4.5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *