Код: Выделить всё
< /code>
Когда я это делаю, страница отображается, как и ожидалось. Однако, если я удалю этот тег сценария и вместо этого включаю мой локально скомпилированный файл сворения с помощью: < /p>
[*]
< /code>
Весь стиль потерян - страница отображается в Times New Roman без применения цветов или классов. : < /p>
📁 project/
├── 📦 package.json
├── ⚙️ tailwind.config.js
├── 📄 index.html
├── 📄 styles.css
├── 📄 output.css
├── 📂 img/
│ └── 🖼️ hfu_logo.svg
Код: Выделить всё
InfoKiosk
[img]./img/hfu_logo.svg[/img]
C1
C2
C3
C1
C2
C3
Kleiner Text Mittig
Код: Выделить всё
@tailwind base;
@tailwind components;
@tailwind utilities;
Код: Выделить всё
module.exports = {
content: ["./**/*.{html,js}"],
theme: {
extend: {},
},
plugins: [],
};
Код: Выделить всё
{
"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 с помощью Live Server. Я просто не могу заставить его запустить.
ссылка на вопрос Stackoverflow - Stackoverflow < /li>
Как он должен выглядеть < /li>
Как это выглядит < /li>
Я настроил локальный проект Tailwind CSS после официальной документации. [*] и настроил мой tailwind.config.js , чтобы включить все .html и .js files.
после запуска npm запустить Build , я ожидал, что мой локальный output.css Включите все необходимые занятия по ветру, чтобы моя страница выглядела так же, как и на игровой площадке. Однако, когда я открыл свой index.html , все стили с ветром пропали, все были отображены в Times New Roman без цветов фона или другого стиля.
Подробнее здесь: https://stackoverflow.com/questions/794 ... just-plain
Мобильная версия