Nuxt 中的 Vuetify 默认样式问题

Question

我的代码是

<div class="cd-page__details-wrapper">
  <v-text-field
    label="Outlined"
    placeholder="Outlined"
    outlined
  ></v-text-field>
</div>

但我有一些可怕的事情

我的nuxt.config.js

buildModules: [
  '@nuxtjs/dotenv',
  '@nuxtjs/vuetify',
],

Answer 1

OP的问题通过将

v-app

添加到主

div

来解决，就像那样

<div class="v-app">
  <v-text-field
    label="Outlined"
    placeholder="Outlined"
    outlined
  ></v-text-field>
</div>

Answer 2

对我来说，我在生产版本中发现 Vuetify 组件缺少一些 CSS，问题出在

nuxt-purgecss

模块上，将其从

modules

中的

nuxt.config.ts

键中删除并再次重建后，它起作用了。

但是现在未清除的CSS存在问题（正如kisu指出的那样），所以我在

nuxt-purgecss

模块的repo中打开了一个问题。

问题：Vuetify 生产版本中缺少 3 种样式