Level 102
Did you create this file as shown? resources/js/Pages/Chirps/Index.vue
We can then create our front-end Chirps/Index page component with a form for creating new Chirps:
Sep 17, 2022
9
Level 1
Uncaught (in promise) Error: Page not found: ./Pages/Chirps/Index.vue
I am trying to build first app with laravel with bootcamp but failed somewhere at:
https://bootcamp.laravel.com/creating-chirps#inertia
PS: I am not using docker.
Level 1
Yes, it's there.
Level 102
@anandkumar double check the name of the file and folder, and double check the content is exactly the same as in the example
Level 1
@Sinnbeck Sir, I think it's in the right place.
The tutorial worked pretty fine till "Hello World!".
Level 15
You need to run Vite so it can build the front-end assets, under the Installation step tells you to run the Vite development server to enable hot-module replacement.
Breeze will install and configure your front-end dependencies for you, so we just need to start the Vite development server to enable instant hot-module replacement while we build our application.
npm run dev
Every time you add a new Vue file, update your JavaScript files or add things to your CSS, you need to re-build those assets, and when you've finished development you can build production assets using.
npm run build
1 like
Level 1
@thinkverse npm run dev is not working for me for some reasons. http://localhost:5173/ works but not http://localhost/ doesn't.
Instead, I am using php artisan serve .
Level 102
@anandkumar you need to run both at the same time
php artisan serve is for laravel
npm run dev is for vue
5 likes
Level 15
@anandkumar as @sinnbeck pointed out, you need to run both at the same time. artisan serve will run your Laravel application proper, it will spin up a PHP development server from which it serves your Laravel application.
artisan serve will not build your assets for you, that's why you need to run the Vite development server - npm run dev - at the same time as artisan serve so that Vite can build and serve your assets automatically during development.
Level 1
I had the same problem, but I chose React. It turned out that in the controller, I passed "Chirp/Index" to the method Intertia::render(), but I named the folder Chirps, and that’s why it didn’t work.
Please or to participate in this conversation.