Vuetify VGrid并在构建时转换损坏的组件

时间:2018-10-26 10:27:00

标签: vue.js vuetify.js

我最近将vuetify从旧版本(1.2.8)更新到新版本(1.3.2),并通过点菜导入了组件。看起来像下面。

import Vue from 'vue';
import Vuetify, {
  VApp, // required
  VNavigationDrawer,
  VGrid,
  VFooter,
  VToolbar,
  transitions
} from 'vuetify/lib'
import { Ripple } from 'vuetify/lib/directives'

Vue.use(Vuetify, {
  components: {
    VApp,
    VNavigationDrawer,
    VFooter,
    VToolbar,
    VGrid,
    transitions
  },
  directives: {
    Ripple
  }
});

我做的和文档建议的完全一样。但是我在生产构建时遇到了VGrid和过渡的问题。因此,我的布局中断了。有人可以帮我吗?

错误:

enter image description here

1 个答案:

答案 0 :(得分:1)

我查看了vuetify库,该代码似乎正确,不确定为什么它不起作用。最后,我所做的是,仅将VGrid和Transitions组件导入如下。现在可以了。

import VGrid from 'vuetify/lib/components/VGrid/';
import transitions from 'vuetify/lib/components/transitions/';