4350pChris commented 1 year ago

I'm facing a problem with the prod build - in dev mode all styles are imported correctly, but when running a production server the styles no longer work correctly. It seems that some classes are missing.

I'm using Nuxt 3 3.0.0-rc.11

Here are the relevant files, I left out unrelated parts.

package.json

{
  "dependencies": {
    "@headlessui/vue": "1.7.3",
    "@vueuse/core": "9.3.0",
    "@vueuse/nuxt": "9.3.0",
    "@zip.js/zip.js": "2.6.33",
    "async-sema": "3.1.1",
    "emoji-js": "3.7.0",
    "filesize": "10.0.5",
    "formidable": "2.0.1",
    "mongodb": "4.10.0",
    "vue-virtual-scroller": "2.0.0-alpha.1"
  },
  "devDependencies": {
    "@antfu/eslint-config": "0.27.0",
    "@iconify-json/ion": "1.1.4",
    "@iconify-json/line-md": "1.1.16",
    "@iconify-json/logos": "1.1.16",
    "@iconify-json/mdi": "1.1.33",
    "@iconify-json/twemoji": "1.1.5",
    "@intlify/nuxt3": "0.2.4",
    "@kidonng/daisyui": "2.31.0",
    "@nuxtjs/color-mode": "3.1.6",
    "@tailwindcss/typography": "0.5.7",
    "@types/adm-zip": "0.5.0",
    "@types/emoji-js": "3.5.0",
    "@types/formidable": "2.0.5",
    "@types/minio": "7.0.13",
    "@types/request": "2.48.8",
    "@unocss/nuxt": "0.45.26",
    "@unocss/preset-icons": "0.45.26",
    "@unocss/preset-uno": "0.45.26",
    "@unocss/preset-web-fonts": "0.45.26",
    "@unocss/reset": "0.45.26",
    "@unocss/transformer-directives": "0.45.26",
    "eslint": "8.24.0",
    "nuxt": "3.0.0-rc.11",
    "nuxt-schema-org": "1.1.0-beta.4",
    "unocss-preset-daisy": "1.2.0"
  }
}

UnoCSS config

import presetUno from '@unocss/preset-uno'
import presetIcons from '@unocss/preset-icons'
import presetWebFonts from '@unocss/preset-web-fonts'
import transformerDirectives from '@unocss/transformer-directives'
import presetDaisy from 'unocss-preset-daisy'
import type { UnocssNuxtOptions } from '@unocss/nuxt'

export default <UnocssNuxtOptions> {
  transformers: [transformerDirectives()],
  presets: [
    presetUno({
      dark: {
        dark: '[data-theme=\'business\']',
      },
    }),
    presetDaisy(),
    presetWebFonts({
      provider: 'bunny',
      fonts: {
        sans: 'Mulish',
        mono: 'Red Hat Mono',
      },
    }),
    presetIcons({
      autoInstall: true,
    }),
  ],
}

Nuxt config

export default defineNuxtConfig({
  typescript: {
    shim: false,
  },
  experimental: {
    reactivityTransform: true,
  },
  css: [
    '@unocss/reset/tailwind.css',
    '@kidonng/daisyui/index.css',
    '@kidonng/daisyui/themes/fantasy.css',
    '@kidonng/daisyui/themes/business.css',
    'assets/css/index.css',
  ],
  modules: [
    '@vueuse/nuxt',
    '@unocss/nuxt',
    '@nuxtjs/color-mode',
    '@intlify/nuxt3',
    'nuxt-schema-org',
  ],
  colorMode: {
    preference: 'system',
    dataValue: 'theme',
    classSuffix: '',
  },
  router: {
    options: {
      linkExactActiveClass: 'active',
    },
  },
})