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

Posted 2023-02-19

【中文标题】未知的自定义元素：使用 vuetify 组件时的 <v-app>

【英文标题】：Unknown custom element: <v-app> when use vuetify components

【发布时间】：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");

【参考方案1】：

Vuetify docs explainVuetify 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