【问题标题】: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 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
    

    【讨论】:

      猜你喜欢
      • 2020-12-10
      • 2020-09-01
      • 2018-10-22
      • 2021-09-02
      • 2021-06-25
      • 2020-09-16
      • 2020-04-13
      • 2020-01-02
      • 2020-02-03
      相关资源
      最近更新 更多