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 etiqueta después de importar Vue y Vuetify dentro del componente de archivo único. No te preocupes si tienes más de uno
Vue.use(Vuetify)
declaración porque solo la primera hará algo; todas las llamadas posteriores simplemente no harán nada.
Original - Vue.use()
se llama antes new Vue()
resultando en un error.
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.