Vue.js-Vuetify:未知自定义元素：[……]-您是否正确注册了该组件？

对于Vuetify的每个html标记，我都会遇到这个错误。 我使用

npm install --save-dev vuetify

在我的main.js中，我有：

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}});

要导入Vuetify，除了使用npm安装Vuetify和在main.js中使用Vue.use（Vuetify）之外，还有其他事情要做吗？我有点失落和悲伤，这个自由似乎真的很棒

module.exports = {
    name: "track-list",
    components: {
        [ ... ]
    },
    data() {
        return {
           [ ... ]
        };
    }
 }

应该是

module.exports = {
    name: "track-list",
    components: {
        componentName
    },
    data() {
        return {
           variableName: ''
        };
    }
 }

组件应包括您正在使用的所有自定义组件。（示例中为componentName）。如果不使用任何部件，请拆下部件

数据应该包括您用于该组件的所有变量（示例中为variableName）

应该是

module.exports = {
    name: "track-list",
    components: {
        componentName
    },
    data() {
        return {
           variableName: ''
        };
    }
 }

组件应包括您正在使用的所有自定义组件。（示例中为componentName）。如果不使用任何部件，请拆下部件

---

数据应该包括您为该组件使用的所有变量（例如variableName）。

您的

main.js

看起来正常，没有其他步骤需要执行。这应该行得通。导致错误的自定义元素的名称是什么？@Alfa v-menu v-list v-list-tile v-list-tile-title。将

const Vuetify=require（“Vuetify”）

更改为

const Vuetify=require（“Vuetify”）。默认值

，然后查看它是否有效。它成功了！你有什么解释吗？你的

main.js

看起来还可以，没有，没有其他步骤要做。这应该行得通。导致错误的自定义元素的名称是什么？@Alfa v-menu v-list v-list-tile v-list-tile-title。将

const Vuetify=require（“Vuetify”）

更改为

const Vuetify=require（“Vuetify”）。默认值

，然后查看它是否有效。它成功了！您有什么解释吗？我在组件的开头添加了“const vuetify=require（“vuetify”）；”并在组件列表中添加了“vuetify”。仍然无法运行。您已经包含vuetify组件。只需删除components部分。我放的代码是一个简化的，我已经有一个组件（可拖动）。所以我不能删除组件部分，只是删除了我刚才添加的：）你能分享你的组件代码吗？我在组件的开头添加了“const vuetify=require（“vuetify”）；”并在组件列表中添加了“vuetify”。仍然无法运行。您已经包含vuetify组件。只需删除components部分。我放的代码是一个简化的，我已经有一个组件（可拖动）。所以我不能删除组件部分，只是删除了我刚才添加的：）你能分享你的组件代码吗？并在可能的情况下导入行。

module.exports = {
    name: "track-list",
    components: {
        [ ... ]
    },
    data() {
        return {
           [ ... ]
        };
    }
 }

module.exports = {
    name: "track-list",
    components: {
        componentName
    },
    data() {
        return {
           variableName: ''
        };
    }
 }