未知的自定义元素：使用 vuetify 组件时的 <v-app>答案

【问题标题】：Unknown custom element: <v-app> when use vuetify components未知的自定义元素：使用 vuetify 组件时的 <v-app>
【发布时间】：2021-06-02 01:52:04
【问题描述】：

我是 vuejs 的新手。我尝试使用 vue 和 vuetify 创建一个日历应用程序，但在控制台上出现大量错误作为打击照片：我认为它们来自同一个问题，我错过了 vuetify 的一些配置。但是，我尝试使用从 Google 搜索的方法，例如添加“import”vuetify/dist/vuetify.min.css“；”和“Vue.use(Vuetify);”。他们工作不顺利。

这是 vuetify.js

import Vue from "vue";
import Vuetify from "vuetify/lib";

import "vuetify/dist/vuetify.min.css";

Vue.use(Vuetify);

export default new Vuetify({
  icons: {
    iconfont: "mdi",
  },
});

main.js

import Vue from "vue";
import vuetify from "./plugins/vuetify";
import App from "./App.vue";

Vue.config.productionTip = false;

new Vue({
  vuetify,
  render: (h) => h(App),
}).$mount("#app");

【问题讨论】：

标签： vue.js vuetify.js

【解决方案1】：

Vuetify docs explain Vuetify docs explain 如何使用 webpack 进行设置，这就是你正在使用的样子。

src/plugins/vuetify.js

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)

const opts = {}

export default new Vuetify(opts)

您的main.js 很好。

或者，如果您安装了Vue CLI，那么您可以简单地运行：

vue add vuetify

【讨论】：