Установка Laravel Jetstream

Всем привет. Я новичок, устанавливаю Laravel Jetstream по видеоуроку. Автор этого видео устанавливает "из коробки" без лишнего кода, где прописываются стили и всё выглядит отлично, а у меня нет (в картинках примеры) Перелопатил кучу тем, изрыл интернет, но ответа не нашёл. Подскажите пожалуйста, что я делаю не так?

Laravel Framework 8.83.23
PHP 7.4.30
Node.js v16.16.0
OpenServer


Установка происходит следующим образом:

1. composer create-project laravel/laravel example-app
2. composer require laravel/jetstream
3. php artisan jetstream:install livewire
4. npm install
5. npm run dev
6. php artisan migrate

PS. После npm run dev всё должно выглядеть как надо, но у меня стили не подгрузились. Может что то ещё должно быть установлено?

 

Спасибо, пробовал с npm run build и она тоже не работает, вот такая штука с ней происходит

npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm ERR! Missing script: "build"
npm ERR!
npm ERR! To see a list of scripts, run:
npm ERR! npm run

npm ERR! A complete log of this run can be found in:

 

Файл package.json до npm run build (в скриншоте), причём самостоятельно туда прописывал:

"build": "webpack --config webpack.config.js"

и получал вот это (всё красным):


PS C:\OpenServer\domains\localhost\3> npm run build
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.

> build
at WebpackCLI.tryRequireThenImport (C:\OpenServer\domains\localhost\3\node_modules\webpack-cli\lib\webpack-cli.js:204:22)
at loadConfigByPath (C:\OpenServer\domains\localhost\3\node_modules\webpack-cli\lib\webpack-cli.js:1404:38)
at C:\OpenServer\domains\localhost\3\node_modules\webpack-cli\lib\webpack-cli.js:1454:88
at Array.map (<anonymous>)
at WebpackCLI.loadConfig (C:\OpenServer\domains\localhost\3\node_modules\webpack-cli\lib\webpack-cli.js:1454:68)

at WebpackCLI.createCompiler (C:\OpenServer\domains\localhost\3\node_modules\webpack-cli\lib\webpack-cli.js:1785:33) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'C:\\OpenServer\\domains\\localhost\\3\\node_modules\\webpack-cli\\lib\\webpack-cli.js',
'C:\\OpenServer\\domains\\localhost\\3\\node_modules\\webpack-cli\\lib\\bootstrap.js',
'C:\\OpenServer\\domains\\localhost\\3\\node_modules\\webpack-cli\\bin\\cli.js',
'C:\\OpenServer\\domains\\localhost\\3\\node_modules\\webpack\\bin\\webpack.js'
]
}


В интернете, если набрать в поиске npm run build - толком ничего не найдёте, по крайней мере на сегодня. Может её недавно создали?)

ЗЫ: Пошли четвёртые сутки, как я пытаюсь установить Laravel из коробки

 

Использую OpenServer на локальном хосте, по видимому апачи Пока учусь, разбираюсь в этом

C:\OpenServer\domains\localhost\1

С миграцией проблем нет, БД функционирует как надо. Такое может быть из за OpenServer?


Для меня Jetstream получается удобнее, т к там уже всё готово для регистрации, редактирования профиля. И это хорошая точка старта для создания социалки. Понятно, что ещё будет куча вопросов по ней, но MVP отработать можно. Может есть какой то готовый стек версий, где всё заводиться с пол оборота?

 

Я думаю, что здесь дело не в Jetstream и не в билде (dev делает тоже самое в данном случае), потому что Breeze у меня тоже не собирается как надо, или собирается, но отображается через ... (скриншот). Если не секрет, каким сервером пользуетесь вы, разрабатывая проект локально?

 

Настроил корневую папку (теперь даже не нужен php artisan serve), сделал на OpenServer и на XAMPP пробовал - всё по старому. Не хочет подгружать стили

,
Велком работает исправно. А на страницах аутентификации это выползает первым:

@vite(['resources/css/app.css', 'resources/js/app.js'])

 

Всё встало как папа в маму

PHP 8
laravel 9

npm rub build теперь тоже работает