Класс не существует на уровне @Apply с использованием Tailwind ⇐ CSS

[Гость]

Я думаю, это простое решение, но я не могу его найти. Я обнаружил аналогичные проблемы у людей, использующих стиль Hover и пробел сразу после этого, ведьма ошибается. Но это не мой случай.

Я создаю свое первое приложение React и Tailwind, и при попытке создать и использовать собственный стиль я получаю следующую ошибку:

Класса `w-50` не существует. Если `w-50` — это собственный класс, убедитесь, что он определен в директиве `@layer`.
база @tailwind; компоненты @tailwind; утилиты @tailwind; @layer компоненты { .nav-ссылка { @apply w-50 h-50 rounded-md hover:bg-indigo-600 сетка Place-Items-Center; } } /** @type {import('tailwindcss').Config} */ экспортировать по умолчанию { содержимое: ["./index.html", "./src/**/*.{html,js,jsx,css}"], тема: { продлевать: {}, }, плагины: [], };