Vue.js -您是否正确注册了组件？

我是Vuetify和Vue.js的新手

我尝试制作v-card布局，但失败了

老实说，我复制粘贴此代码：

当我运行时，我得到一个错误：

vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <v-card> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Login> at src/views/Login.vue
       <VApp>
         <App> at src/App.vue
           <Root>

我已经安装了vuetify，但仍然存在错误。有解决办法吗

更新：

如果导入vuetify，则会出现另一个错误：导入整个模块 由于preventFullImport设置，不允许vuetify

---

如果您使用的是vue-cli-3，您可能在某个时候可以选择点菜还是完全导入。您可以使用它导入所需的组件，也可以按顺序删除：

在src/plugins/vuetify.js中导入vcard组件，如下所示：

import Vue from "vue";
import {
    Vuetify,
    VApp,
    VCard,
    /* other imports ... */
} from "vuetify";
import "vuetify/src/stylus/app.styl";

Vue.use(Vuetify, {
    components: {
        VApp,
        VCard,
       /* other imports */
    },
    /* theme option */
});

通过修改/babel.config.js文件删除按单导入：

---

如果您使用的是vue-cli-3，您可能在某个时候可以选择点菜还是完全导入。您可以使用它导入所需的组件，也可以按顺序删除：

在src/plugins/vuetify.js中导入vcard组件，如下所示：

import Vue from "vue";
import {
    Vuetify,
    VApp,
    VCard,
    /* other imports ... */
} from "vuetify";
import "vuetify/src/stylus/app.styl";

Vue.use(Vuetify, {
    components: {
        VApp,
        VCard,
       /* other imports */
    },
    /* theme option */
});

通过修改/babel.config.js文件删除按单导入：

---

您是否在main.js（如Vue.useVuetify）中声明了use？导入时会出错。由于preventFullImport设置，不允许导入整个模块vuetify。您可以关闭该设置，也可以逐个导入组件。这是两者的文档：看起来我在点菜模式下添加了vuetify，所以我无法导入，好吗？我必须逐个导入vuetify的组件？这是您的选择：如果要添加整个模块，请将preventFullImport设置为false。如果我是你，我会导入完整的捆绑包，因为你复制和粘贴的代码包含很多Vuetify组件。你在main.js中声明过像Vue.useVuetify这样的用法吗？导入时我会出错。由于preventFullImport设置，不允许导入整个模块vuetify。您可以关闭该设置，也可以逐个导入组件。这是两者的文档：看起来我在点菜模式下添加了vuetify，所以我无法导入，好吗？我必须逐个导入vuetify的组件？这是您的选择：如果要添加整个模块，请将preventFullImport设置为false。如果我是你，我会导入完整的捆绑包，因为你复制和粘贴的代码包含很多Vuetify组件。是的，你是对的，我重新添加，而不是选择点菜，它的作品！谢谢你的帮助。是的，你说得对，我重新添加，而不是选择点菜，它的作品！谢谢你的帮助。