Проблемы с установкой попутного ветра ⇐ CSS

[Anonymous]

Я пытаюсь установить Tailwind в свой проект React.

Я следовал инструкциям на странице https://tailwindcss.com/docs/guides/create-react-app и использую Windows10.

Я пытался применить цвет, но он не работает.

Я предполагаю, что приведенные ниже коды для index.css неверны.

Под @tailwind появляется оранжевая волнистая линия, и когда я навожу на нее курсор, появляется надпись: «Неизвестные правила @ попутный ветер».

Буду признателен, если кто-нибудь сможет помочь с этой проблемой.

Код: Выделить всё

@tailwind base;
@tailwind components;
@tailwind utilities;

Вот мои коды.
package.json

Код: Выделить всё

{
"name": "react-project",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.3.0",
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"uuid": "^8.3.2",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"autoprefixer": "^10.4.8",
"postcss": "^8.4.16",
"tailwindcss": "^3.1.8"
}
}

index.css

Код: Выделить всё

@tailwind base;
@tailwind components;
@tailwind utilities;

postcss.config.js

Код: Выделить всё

module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}

tailwind.config.js

Код: Выделить всё

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./src/**/*.{js,jsx,ts,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}

App.js

Код: Выделить всё

return (


Hello!

Спасибо!
Скриншот добавлен после публикации.

[img]https:/ /i.sstatic.net/tD9nI.png» width=[/img]


Подробнее здесь: https://stackoverflow.com/questions/734 ... ion-issues