Мой Tailwind CSS не показывает цвет, коробки или что -то в этом роде. Это просто ⇐ CSS

[Anonymous]

Я пытаюсь настроить простой проект CSS Taillide CSS. Все работает нормально на игровой площадке Taillid или, если я использую: < /p>

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

Когда я это делаю, страница отображается, как и ожидалось. Однако, если я удаляю этот тег сценария и вместо этого включаю мой локально скомпилированный файл для ветра с:

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

Весь стиль потерян - страница отображается в Times New Roman без применения цветов или классов. /> project/
├ac index.html
├ описано styles.css
├ описать output.css
├--s tailwind.config.js
├ack package.json
├ описать img/
└ac hfu_logo.svg
sstrong> index.html:образное

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

InfoKiosk

[img]./img/hfu_logo.svg[/img]



C1
C2
C3
C1
C2
C3



Kleiner Text Mittig

styles.css:>

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

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

cailwind.config.js:

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

module.exports = {
content: ["./**/*.{html,js}"],
theme: {
extend: {},
},
plugins: [],
};

package.json:
{
"name": "infoterminal",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "tailwindcss -i ./styles.css -o ./output.css --watch"
},
"devDependencies": {
"autoprefixer": "^10.4.20",
"postcss": "^8.5.3",
"tailwindcss": "^4.0.7"
}
}
< /code>
Я запускаю: < /p>
npm install
npm run build
< /code>
, а затем через vscode open с Liveserver.
Я просто не могу заставить его запустить. < /p>
Я уже нашел аналогичный вопрос На Stackoverflow, но, к сожалению, это решение не работает для меня: < /p>
Ссылка на вопрос Stackoverflow < /p>
Как это должно выглядеть < /p>
Как это Взгляд < /p>
Я установил локальный проект CSS Taillide после официальной документации. Я запустил NPM Install, создал styles.css с директивами @tailwind и настроил свой tailwind.config.js, чтобы включить все файлы .html и .js. После запуска NPM Run Build, я ожидал, что мой локальный вывод. CSS включит все необходимые классы для ветра, так что моя страница будет выглядеть так же, как и на игровой площадке. Однако, когда я открыл свой index.html, все стили с ветром отсутствовали - все было отображено в Times New Roman без фоновых цветов или другого стиля.


Подробнее здесь: https://stackoverflow.com/questions/794 ... just-plain