在生产中,Vuetify输入在悬停时为白色,但在本地时不是白色

rekjcdws  于 2023-01-17  发布在  Vue.js
关注(0)|答案(1)|浏览(143)

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,
    }
  },
};

我尝试在开发人员工具的样式部分更改变量,但无法找到原因。

ddarikpa

ddarikpa1#

通过将标签变体切换为solo,修复了该问题。

相关问题