Encountering Laravel Mix error while trying to install Laravel Breeze

Question

I'm trying to install Laravel Breeze in my new Laravel application.

Everything is working fine, but when typing npm run dev into the console I keep getting this error:

There are 3 warnings in subcompilation (each using "stats.children: true") '--stats-children' for more details)

I think everything is working fine, but my login and registration pages are not styled. I can't find any solution on the internet either. I've tried installing Breeze in multiple new projects but this error keeps appearing.

Does anyone know how to solve this problem?

I have installed Breeze to do the following:

1. Composer requires laravel/breeze
2. php artisan breeze: installation
3. npm installation
4. npm run dev (this gave me the error)

When I navigate to the login page, this line appears at the top of the page:

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

Answer 1

You are using the wrong version of Breeze. Check out this answer: https://stackoverflow.com/a/72854279/9098325

To compile your remix, you must npm install autoprefixer@10.4.5 --save-exact before remixing. Found this solution here: https://stackoverflow.com/a/72097301/9098325