javascript - 我怎样才能找到一种方法来仅将几个 Vuetify 组件导入到基于 Nuxt 的项目中？

Question

我怎样才能找到一种方法来仅将几个 Vuetify 组件导入到基于 Nuxt 的项目中？没有任何其他组件或全局 CSS 文件

我正在尝试使用官方文档 https://vuetifyjs.com/en/customization/a-la-carte/#manually-importing

但是遇到了错误

细节：

// plugins/vuetify.js
import Vue from 'vue'
import Vuetify, { VCard, VRating, VToolbar } from 'vuetify/lib'
import { Ripple } from 'vuetify/lib/directives'

Vue.use(Vuetify, {
  components: {
    VCard,
    VRating,
    VToolbar,
  },
  directives: {
    Ripple,
  },
})

const opts = {}

export default new Vuetify(opts)


// nuxt.config.js
plugins: ['@/plugins/vuetify.js'],

错误画面

标签： javascriptvue.jsvuetify.jsnuxt.js