Javascript 如何才能找到一种方法，仅将几个Vuetify组件导入到基于Nuxt的project中？

如何才能找到一种方法，仅将几个Vuetify组件导入到基于Nuxt的project中？ 没有任何其他组件或全局CSS文件

我正试图通过官方文件做到这一点

但我犯了一个错误

详情：

// 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'],

错误屏幕

---

NUXT中不需要摇树，它由框架负责。