Vite manifest not found

@Mamunsson Did you run npm run dev during development and npm run build to build your application?

@gych Thank you sir

@Mamunsson Try to run npm run build that should create the build folder for you

@Mamunsson Yes indeed, installing Breeze in an existing project can cause a lot of issues. A better approach now would be to install it together with a fresh laravel installation and move parts of your existing project like controllers, models, migrations, views, etc. to the fresh installation.

@gych This is what I found inside the vite.config.js

import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin';

export default defineConfig({ plugins: [ laravel({ input: ['resources/css/app.css', 'resources/js/app.js'], refresh: true, }), ], });

@Mamunsson You can attempt to fix the first error but there's a big chance that after this you'll get other issues that will also need to be fixed. Breeze installation also overwrites some files so check your views and route files to make sure that you did not lose any of your previously added code.

Your vite config looks good. When you go to the resources/css folder does the app.css file exist?

@gych The app.css does not exit. I just created a fresh installation now and will install Breeze

@Mamunsson Ok that's the cause of the error you're getting.

@Mamunsson Is your terminal pointing to the right folder ? Maybe the terminal is not inside the folder of your laravel application which would give you this error.

@gych I use VS Code and opened the VS Code terminal in the laravel application. I'm a Linux user btw.

@mamunsson And is the terminal inside the the right folder? Try to use cd name-of-your-laravel-app-folder

When you install laravel via the terminal it creates a new folder for the laravel project the terminal will be one folder up from the created laravel folder. After installation you have to use cd to navigate the terminal inside of the created folder. Did you do this?

@gych Here is how I did it, I created a folder inside the main documents folder in Linux and gave it the name "dieshopy". I then opened VS Code and the folder I created. I started the terminal and typed: composer create-project --prefer-dist laravel/laravel dieshopy and laravel was installed successfully. I then cleared the terminal and typed: composer require laravel/breeze --dev and it went well. I then typed: php artisan breeze:install and got the error.

@Mamunsson Did you open the folder dieshopy or the folder where you created the app with folder name dieshopy

@gych In VS Code I opened the folder dieshopy. Update: I now created a new folder and named it "multivendorshop" and installed laravel by typing: composer create-project laravel/laravel:^10.0 multivendorshop I then opened a new terminal in vs code and typed: composer require laravel/breeze --dev and the installation went successfully. Shall I open a new terminal and type php artisan breeze:install or is this unnecessary?

@Mamunsson

Ok but before you ran composer require laravel/breeze --dev did you confirm that the terminal was opened for the correct folder.

When you run pwd in the terminal, does it output multivendorshop

If it does you can continue with running php artisan breeze:install and follow the next steps.

@Mamunsson No don't run npm install yet, you should run it after php artisan breeze:install has been successfully executed

@Mamunsson Ok because your terminal was not inside of the laravel app when you used composer require laravel/breeze --dev breeze was not successfully added to the vendor files of your laravel project.

Check your folders it might be possible that a vendor file has been created outside of your laravel app folder.

When you are inside the laravel folder run composer require laravel/breeze --dev Then after that php artisan breeze:install

@gych I tried and got "Could not open input file: artisan"

@Mamunsson Ok can you make a screenshot of when you're in vs code with the folders and terminal open. Then upload it to something like imgur and share the link here.

@gych This is the link to the screenshot: https://i.postimg.cc/TwL9V6Cq/Untitled.png

@Mamunsson Oke so in the screenshot you can see at the bottom that there is a vendor folder with composer.json and composer.lock files outside of your project folder.

Which means that you ran composer require laravel/breeze --dev from the terminal when the terminal was not pointing to the multivendorshop folder.

If your terminal is not inside that folder the php artisan commands will also not work.

Your terminal should show in which folder it is located but you can also run pwd in the terminal to verify that.

When the terminal is correctly pointing to the multivendorshop folder you can run composer require laravel/breeze --dev and after that php artisan breeze:install

I also see that you created a multivendorshop folder and in that folder you installed the laravel project which also creates a multivendorshop folder in that folder. Which makes it confusing because both folders have the same name. Therefor your terminal will display that you're in the multivendorshop folder but you're propably still in the multivendorshop folder that you initially created before installing the laravel app.

@gych Many thanks for your support, what is the best way to create the laravel project then?

@Mamunsson Delete the main multivendorshop folder

Create a new folder or select an existing folder where you want to install the laravel application. When you create a new folder don't give it the same name as your laravel application.

Install laravel

composer create-project laravel/laravel:^10.0 multivendorshop

Laravel has now been installed and the installation created a new folder multivendorshop

Now use cd multivendorshop to navigate your terminal to the laravel application

After that run composer require laravel/breeze --dev

Then run php artisan breeze:install

After Breeze is successfully installed run php artisan migrate and npm install

@gych It seems everything is good now:

"INFO Breeze scaffolding installed successfully.

desktop@dynamic-pd01:~/multivendorshop> php artisan migrate

INFO Nothing to migrate.

desktop@dynamic-pd01:~/multivendorshop> npm install

up to date, audited 145 packages in 1s

36 packages are looking for funding run npm fund for details

found 0 vulnerabilities desktop@dynamic-pd01:~/multivendorshop> "

@Mamunsson Ok good did you already run the migrations once before or are you using the same database as your previous application?

@Mamunsson Ok that's good, now try to run php artisan breeze:install

@gych This how it looks inside the vs cod terminal: desktop@dynamic-pd01:/Documents/multivendorshop> php artisan breeze:install Could not open input file: artisan desktop@dynamic-pd01:/Documents/multivendorshop>

I also see two vendor folders, one inside the multivendor folder and one outside of it. Like this:

MULTIVENDORSHOP multivendorshop /vendor vendor composer.json composer.lock

@Mamunsson when you run composer create project it will create a folder with the name you give.

So if you create multivendorshop and switch to it then run the create project you will have documents/multivendorshop/multivendorshop

Just create project from your root folder for your projects and then cd to that folder after install and THEN run your composer require, breeze install etc

@Snapey Many thanks.

@Mamunsson Pest and PHP unit are both used to test your laravel application. Pest is build on top of PHP Unit and the syntax between them is a bit different. Personally I prefer to use PHP Unit.

You could select PHP Unit and in the future you can always move to Pest if you prefer.

@gych Thanks. This is how it looks now in VS Code: https://i.postimg.cc/C5V86v39/Screenshot-20240322-235407.png

@Mamunsson That looks good, if you're all set and everything works as expected don't forget to close your thread by selecting the best answer.

If you have any other questions don't hesitate to reach out

@gych Many thanks indeed. One more question: When I typed npm run dev I got this:

desktop@dynamic-pd01:~/multivendorshop> npm run dev

dev vite

VITE v5.2.3 ready in 477 ms

➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h + enter to show help

LARAVEL v10.48.4 plugin v1.0.2

➜ APP_URL: http://localhost 11:58:01 PM [vite] .env changed, restarting server... 11:58:02 PM [vite] server restarted.

LARAVEL v10.48.4 plugin v1.0.2

➜ APP_URL: http://localhost

When I clicked on the localhost link, the browser page says: Error establishing a database connection. I'm pretty sure the database values are correct since it was working in the previous laravel installation.

@Mamunsson Did you copy the whole env file from the other project? Or just copied the db credentials?

@gych I think I copied the entire .env file from the other project. I did run php artisan serve and it worked, I can see the laravel welcome page

@Mamunsson Ok and which results do you get now?

After running npm run dev and php artisan serve try to open the application with this URL http://localhost:8000/

Does this work?

@gych http://localhost:8000/ does work and I see the laravel welcome page but http://localhost/ which is the link provided in the terminal after running npm run dev returns Error establishing a database connection

@Mamunsson That link is propably wrong and its because this is set in your env file. Change APP_URL in the env file to this APP_URL=http://127.0.0.1:8000/

@Mamunsson Do you have another watcher running somewhere on your machine? That's where this error is about.

So everything works fine when you use this link? http://localhost:8000/

@gych I'm not aware of any watcher, and I uninstalled the VS Code plugin that keeps a history of changes made. Yes, the http://localhost:8000/ works fine and takes me to the laravel welcome page and I'm also able to access the other pages I created in the previous installation.

@Mamunsson Ok good, since you were not getting this error before I think a previous instance of vite watcher that was started with npm run dev is still active. To solve this the easiest is to try and restart you pc to see if that removes the error.

@gych I restarted the computer and when I visit http://localhost I get "Error establishing a database connection". This is the content of the .env file:

APP_NAME=Laravel APP_ENV=local APP_KEY=base64:S27+IFbDInbC52Wu0NKSkk303qOToCpwUn8A0VoZMHE= APP_DEBUG=true APP_URL=http://localhost

LOG_CHANNEL=stack LOG_DEPRECATIONS_CHANNEL=null LOG_LEVEL=debug

DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=tester DB_USERNAME=root DB_PASSWORD= developer

BROADCAST_DRIVER=log CACHE_DRIVER=file FILESYSTEM_DISK=local QUEUE_CONNECTION=sync SESSION_DRIVER=file SESSION_LIFETIME=120

MEMCACHED_HOST=127.0.0.1

REDIS_HOST=127.0.0.1 REDIS_PASSWORD=null REDIS_PORT=6379

MAIL_MAILER=smtp MAIL_HOST=mailpit MAIL_PORT=1025 MAIL_USERNAME=null MAIL_PASSWORD=null MAIL_ENCRYPTION=null MAIL_FROM_ADDRESS="[email protected]" MAIL_FROM_NAME="${APP_NAME}"

AWS_ACCESS_KEY_ID= AWS_SECRET_ACCESS_KEY= AWS_DEFAULT_REGION=us-east-1 AWS_BUCKET= AWS_USE_PATH_STYLE_ENDPOINT=false

PUSHER_APP_ID= PUSHER_APP_KEY= PUSHER_APP_SECRET= PUSHER_HOST= PUSHER_PORT=443 PUSHER_SCHEME=https PUSHER_APP_CLUSTER=mt1

VITE_APP_NAME="${APP_NAME}" VITE_PUSHER_APP_KEY="${PUSHER_APP_KEY}" VITE_PUSHER_HOST="${PUSHER_HOST}" VITE_PUSHER_PORT="${PUSHER_PORT}" VITE_PUSHER_SCHEME="${PUSHER_SCHEME}" VITE_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"

http://127.0.0.1:8000/ and this http://localhost:8000/ both work just fine.

@Mamunsson Yes its because APP_URL in your ENV file has the wrong value

change this APP_URL=http://localhost to this APP_URL=http://localhost:8000 in the env file

@gych That did it indeed. desktop@dynamic-pd01:~/multivendorshop> npm run dev

dev vite

VITE v5.2.3 ready in 459 ms

➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h + enter to show help

LARAVEL v10.48.4 plugin v1.0.2

➜ APP_URL: http://localhost:8000

Many thanks for your support.

@Mamunsson I'm glad I could help :)

To mark a thread as solved you click on the 3 dots in the right bottom corner in one of my replies and then select that as best answer.

@gych The 3 dots in the right bottom corner show Report spam.

@Mamunsson just hover over the post and the 'best answer' button appears

@Snapey Thanks for the info

@Mamunsson Since your previous project was created in L10 it was best to create a fresh application with L10 to avoid issues and more confusion. It also depends on how advanced your previous existing application was.

If you follow this upgrade guide you can upgrade from L10 to L11 https://laravel.com/docs/11.x/upgrade

@Mamunsson Yes you could also follow a specific tutorial

It seems like you accidently marked snapey's reply as best answer, change it please.

@gych Many thanks. I went through the docs and tested my application and it seems to be working fine. So far, I have created several blade files, routes, controllers and two model files. I've also connected the application to a MySQL database.

@Mamunsson Ok great now please mark your thread as solved by selecting the best answer for this thread. The best answer should be the reply that gave you the best advise to solve your initial issue.

@gych Many thanks for the great guidance and support.