在local the active input field is fine上但在production active input field is white.中
当使用vuetify时,文本输入字段在本地很好,但是当我推到生产时,字段在激活时变成白色。
我正在使用Nuxt v3。这是插件文件的外观。
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,
theme: { dark: true }
})
nuxtApp.vueApp.use(vuetify)
})
和我的nuxt配置文件
export default {
css: ['vuetify/lib/styles/main.sass', 'mdi/css/materialdesignicons.min.css'],
buildModules: [],
modules: ['@nuxtjs/tailwindcss', '@nuxtjs/dotenv'],
target: 'static',
imports: {
autoImport: true
},
build: {
transpile: ['vuetify'],
},
vite: {
define: {
'process.env.DEBUG': false,
},
},
runtimeConfig: {
public: {
SUPABASE_KEY: process.env.SUPABASE_KEY,
SUPABASE_URL: process.env.SUPABASE_URL,
IS_TEST: process.env.IS_TEST,
}
},
};
我尝试在开发人员工具的样式部分更改变量,但无法找到原因。
1条答案
按热度按时间ddarikpa1#
通过将标签变体切换为solo,修复了该问题。