我收到Vuetify的每个html标签的这个错误。 我使用Vue.js - Vuetify:未知的自定义元素:[...] - 您是否正确注册了组件?
npm install --save-dev vuetify
在我main.js安装Vuetify我:
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}});
文件跟踪list.vue是:
<template src="../templates/track-list-component.html"></template>
<script src="./track-list.js"></script>
在我的模板轨道列表 - component.html,这里是使用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>
轨道-list.js是一个简单的Vue组件:
module.exports = {
name: "track-list",
components: {
[ ... ]
},
data() {
return {
[ ... ]
};
}
}
对于导入Vuetify,有没有其他的东西比故宫安装Vuetify和main.js使用Vue.use(Vuetify)怎么办?我有点迷惘和悲伤,这个自我感觉似乎非常棒。
您的'main.js'看起来不错,不,没有额外的步骤。这应该工作。 –
导致错误的名称自定义元素是什么? – Alfa
@Alfa v-menu v-list v-list-tile v-list-tile-title。 –