vuetify.js - Vue.js - Vuetify : Unknown custom element: [ ... ] - did you register the component correctly? -
i'm getting error each html tag of vuetify. installed vuetify using
npm install --save-dev vuetify in main.js have :
const vue = require("vue"); const vuetify = require("vuetify"); const trackslist = require("./track-list.vue"); vue.use(vuetify); tracklist = new vue({el: "#track-list", template: "<trackslist/>", components: {trackslist}}); the file track-list.vue :
<template src="../templates/track-list-component.html"></template> <script src="./track-list.js"></script> in template track-list-component.html, here part uses vuetify :
<div class="track-name-row" v-on:click="expandtrack(project.structure.tracks.indexof(track))" @contextmenu="show"> <li class="track-color-viewer"></li> <span>{{"track "+project.structure.tracks.indexof(track)}}</span> <img class="item-view" src="../assets/img/ic_view.svg" alt="view"> </div> <v-menu offset-y v-model="showmenu" :position-absolutely="true" :position-x="x" :position-y="y"> <v-list> <v-list-tile> <v-list-tile-title>test</v-list-tile-title> </v-list-tile> </v-list> </v-menu> the track-list.js simple vue component :
module.exports = { name: "track-list", components: { [ ... ] }, data() { return { [ ... ] }; } } for importing vuetify, there other things installing vuetify npm , using vue.use(vuetify) in main.js? bit lost , sad, lib seems great.
module.exports = { name: "track-list", components: { [ ... ] }, data() { return { [ ... ] }; } } should be
module.exports = { name: "track-list", components: { componentname }, data() { return { variablename: '' }; } } components should include custom components using.(componentname in example). remove components part if not using any,
data should include variables using component(variablename in example).
Comments
Post a Comment