Когда я создаю новый проект в laravel и добавляю немного попутного CSS, стили не отображаются в браузере. Я очень новичок в Laravel. Я пропустил шаг, но не знаю какой.
Я создаю новый проект с помощью
composer create-project laravel/laravel testcssproject
Я открываю колонку по умолчанию в
resources/views/welcome.blade.php
Под этим разделом в колонке по умолчанию:
Laracasts offers thousands of video tutorials on Laravel, PHP, and JavaScript development. Check them out, see for yourself, and massively level up your development skills in the process.
Я добавляю это
This should be large, bold, and red
Поэтому я ожидаю увидеть мой новый абзац под абзацем по умолчанию, в котором говорится: «Laravel предлагает...». Абзац должен быть большим, жирным и красным.
Когда я загружаю страницу в браузере, я вижу
Как видите, абзац есть, но в нем нет никаких стиль.
ИСПРАВЛЕНИЯ, которые я пробовал
- php artisan view:clear с последующим перезапуском сервера и жестким обновлением. Никакой разницы.
- php artisan view:clear, php artisan cache:clear, php artisan routes:clear, php artisan config:clear, после чего следует перезапуск сервера и принудительное обновление. Никакой разницы
- npm run dev ничего не сделал.
- Полезный пользователь спросил, вижу ли я класс шрифта-жирного шрифта в инспекторе элемента. Вот что я вижу, когда просматриваю созданный мной абзац
Я не понимаю. Я предполагаю, что Tailwind работает, потому что отображаются все стили из файла Welcome.blade.php по умолчанию. Почему мой абзац появляется, но не стилизуется?
Спасибо за вашу помощь,
G
РЕДАКТИРОВАТЬ:
После установки Breeze с использованием всех команд, предложенных в ответе, я теперь вижу параметры входа и регистрации, но абзац все еще не оформлен.
РЕДАКТИРОВАНИЕ 2:
Вот мой файл конфигурации попутного ветра. Чего-то не хватает?
const defaultTheme = require('tailwindcss/defaultTheme');
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
'./storage/framework/views/*.php',
'./resources/views/**/*.blade.php',
],
theme: {
extend: {
fontFamily: {
sans: ['Figtree', ...defaultTheme.fontFamily.sans],
},
},
},
plugins: [require('@tailwindcss/forms')],
};
Подробнее здесь: https://stackoverflow.com/questions/757 ... in-browser
