vue.js Nuxt 3 #进口要用真实的的进口来改造

vsdwdz23  于 2022-12-04  发布在  Vue.js
关注(0)|答案(1)|浏览(163)

我正在使用Nuxt 3,我想导入vuetify。
我已经成功导入了vuetify,我可以使用vuetify的组件。一切都运行正常,但我收到了一个警告,不知道如何修复它
我已经添加了vuetify作为一个插件。
这是警告:
[nuxt] #导入应该用真实的的导入来转换。似乎导入插件有问题。
这是我的nuxt.config.ts

export default defineNuxtConfig({
    css: [
        'vuetify/lib/styles/main.sass'
    ],
    build: {
        transpile: [
            'vuetify'
        ]
    }
})

还有我的plugins/vuetify.ts

import {defineNuxtPlugin} from "#app";
import {createVuetify} from "vuetify";
import * as components from "vuetify/components";
import * as directives from "vuetify/directives";

export default defineNuxtPlugin((nuxtApp) => {
    const vuetify = createVuetify({
        components,
        directives
    })

    nuxtApp.vueApp.use(vuetify)
})
u3r8eeie

u3r8eeie1#

在这里,您似乎还需要设置以下内容

const vuetify = createVuetify({
  ssr: true,
})

相关问题