Laravel: CSS не отображается при использовании Vite для компиляции ресурсов ⇐ Php

[Anonymous]

Я столкнулся с проблемой в моем проекте Laravel, когда стили TailwindCSS не отображаются при использовании Vite для компиляции ресурсов. Вот упрощенная структура проекта:

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

app/
bootstrap/
config/
database/
node_modules/
...
public/build/assets/app-DkC-8ICp.css
public/build/manifest.json
...
resources/css/app.css
resources/js
resources/views/welcome.blade.php
...

В моем файле /resources/welcome.blade.php у меня есть следующий код:

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

Campus Brainshare

@vite('resources/css/app.css')



Hello, Stack Overflow!

Когда я запускаю службу php artisan, отображается только HTML-код, а стили CSS не применяются. Кроме того, когда я вручную связываю файл CSS с помощью , я получаю сообщение об ошибке "Смешанный контент" в браузере:

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

Mixed Content: The page at '' was loaded over HTTPS, but requested an insecure stylesheet ''. This request has been blocked; the content must be served over HTTPS.

Более того, когда я запускаю команду для php artisan service и npm run dev вместе, CSS работает как положено.
Я хочу знать, почему CSS не отображается при использовании Vite для компиляции ресурсов и как решить эту проблему?>

Подробнее здесь: https://stackoverflow.com/questions/784 ... ompilation