使用 Vue 集成时，我在将 Vuetify 3 添加到 Astro 时遇到问题。 这是我到目前为止所拥有的：
1
411import { defineConfig } from 'astro/config';
import vue from '@astrojs/vue';
import vuetify from 'vite-plugin-vuetify';
// https://astro.build/config
export default defineConfig({
integrations: [vue()],
vite: {
ssr: {
noExternal: ['vuetify'],
},
plugins: [vuetify()],
},
});
我收到 'Vuetify 插件必须在 vue 插件之后加载' 错误。
不知道如何从这里继续前进。我愿意接受所有建议。
收藏
收藏
收藏
Copyright 2014-2024 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号
![ThinkPHP5实战之[教学管理系统]](https://img.php.cn/upload/course/000/000/068/6253d87459486427.png)
Astro 集成中的配置 (
@astrojs/vue在本例中）被附加到您自己的 Astro 配置中，因此vuetify插件将首先在此处注册。解决方法是定义您自己的 Astro 集成，调用
updateConfig()添加验证：// astro.config.mjs import vuetifyPlugin from 'vite-plugin-vuetify'; /** * Vuetify integration for Astro * @param {import('astro/config').Options} options * @returns {import('astro/config').AstroIntegration} */ function vuetify(options) { return { name: 'my-astro-vuetify-integration', hooks: { 'astro:config:setup': ({ updateConfig }) => { updateConfig({ vite: { ssr: { noExternal: ['vuetify'], }, plugins: [vuetifyPlugin()], }, }); }, }, } }并在 Vue 集成之后安装它：
// astro.config.mjs export default defineConfig({ integrations: [ vue(), vuetify(), ], })