Setiap kali saya menambah kelas, untuk melihat perubahan saya perlu berhenti menjalankan nuxt, muat semula tetingkap Kod VS dan jalankan "npm run dev" sekali lagi. Kemudian saya dapat melihat perubahan

Tailwind.config.js saya:

/**@type {import('tailwindcss').Config}*/ module.exports = { kandungan: [ './components/**/*.{js,vue,ts}', './layouts/**/*.vue', './pages/**/*.vue', './plugins/**/*.{js,ts}', './nuxt.config.{js,ts}' ], tema: { lanjutkan: {} }, pemalam: [require('daisyui')] }

Saya meletakkan fail tailwind.css dalam assets/css/tailwind.css

Dan importnya ke dalam komponen reka letak saya: layouts/default.vue

Nuxt.config.ts saya:

// https://v3.nuxtjs.org/api/configuration/nuxt.config eksport lalai defineNuxtConfig({ css: ['~/assets/css/tailwind.css'], bina: { postcss: { postcssPilihan: { pemalam: { tailwindcss: {}, autoprefixer: {} } } } } })

Pakej saya.json:

{ "peribadi": benar, "skrip": { "bina": "binaan nuxt", "dev": "nuxt dev", "jana": "jana nuxt", "pratonton": "pratonton nuxt", "pasca pemasangan": "nuxt prepare" }, "DevDependencies": { "nuxt": "3.0.0-rc.11", "tailwindcss": "^3.1.8" }, "kebergantungan": { "daisyui": "^2.31.0", "firebase": "^9.10.0" } }