#nuxt #css #frontend

Nuxt 4 bilan yaratilgan loyihalarda dasturchilar orasida kichik muammo ya'ni style(css) fayllarni ulashda muammoga duch kelishmoqda. Yangiliklarni kuzatib bormagani uchunmi yoki AI'ga bog'lanib qolib docs/google search qilmaslik natijasida muammoni hal qilishlari uchun ko'p vaqt sarflab qo'yishmoqda.

Endi esa muammoga yechimcha berib ketsam.

Styles fayllarini noto‘g‘ri joyga joylashtirish va noto‘g‘ri yo‘l bilan import qilish orqali css'laringiz ishlamayotgan.

- Style fayllarni app/assets/ ichida saqlang
- nuxt.config.ts → css: ['~/assets/scss/main.scss']

Nuxt 4 da kodlaringiz “app/” papkasida bo'lishi kerak. Ya’ni barcha UI bilan bog‘liq papkalar: assets, components, composables, layouts, middleware, pages, plugins, utils — endi app/ ichida yozing.

“~” alias endi app/ ni ko'rsatadi

Batafsil docs: havola

@frontend