here is my vite config file
import { defineConfig } from "vite"; import laravel from "laravel-vite-plugin"; import vue from "@vitejs/plugin-vue";
export default defineConfig({ plugins: [ laravel({ input: ["resources/css/app.css", "resources/js/app.js"], refresh: true, }), vue(), ], build: { // The outDir should be set to your public directory outDir: 'public/build', }, });
The assets were built successfully, but the build is inside the public directory. The resources are being referenced with the incorrect path, which is why my CSS and JS files are not loading. When I manually add 'public' before 'build' in the path, the CSS and JS files load correctly. Please guide me on how to fix this issue.
All built assets should be in the public directory, you should use the @vite blade directive to load them.
Add this to your master layout in the head.
@vite(['resources/css/app.css', 'resources/js/app.js'])
https://laravel.com/docs/11.x/vite#loading-your-scripts-and-styles
Please or to participate in this conversation.