Я пытаюсь настроить Tailwindcss в своем проекте next.js 14. Я уже использовал файлы Module.css, но теперь хочу перейти на Tailwindcss. На данный момент я не хочу конвертировать свои старые компоненты в попутный ветер, просто хочу создать новые компоненты с помощью Tailwindcss. Я установил Tailwindcss и попытался его настроить, но получаю следующее предупреждение: стили попутного ветра не применяются
warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration.
warn - https://tailwindcss.com/docs/content-configuration
Я пытаюсь настроить Tailwindcss в своем проекте next.js 14. Я уже использовал файлы Module.css, но теперь хочу перейти на Tailwindcss. На данный момент я не хочу конвертировать свои старые компоненты в попутный ветер, просто хочу создать новые компоненты с помощью Tailwindcss. Я установил Tailwindcss и попытался его настроить, но получаю следующее предупреждение: стили попутного ветра не применяются [code]warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration. warn - https://tailwindcss.com/docs/content-configuration [/code] Вот мой файл Tailwind.config.js [code]/** @type {import('tailwindcss').Config} */ module.exports = { content: [ './pages/**/*.{html,js,tsx}', './components/**/*.{html,js,tsx}', ], theme: { extend: {}, }, plugins: [ require('daisyui'), ], }
[/code] Моя файловая структура — FE/src/* Стили module.css и global.css расположены в папке FE/src/styles У меня также есть файл postcss.config.js [code]module.exports = { plugins: { tailwindcss: {}, autoprefixer: {}, }, }; [/code] вот мой файл next.config.mjs [code]/** @type {import('next').NextConfig} */ const nextConfig = { images: { remotePatterns: [ { protocol: 'https', hostname: '*', port: '', pathname: '/**', }, { protocol: 'https', hostname: 'placehold.co', port: '', pathname: '/**', }, ], }, swcMinify: true, compiler: { styledComponents: true, // If you are using styled-components }, webpack: (config) => { return config; } };
Мобильная версия