لنتأكد أولاً من تثبيت الحزم بشكل صحيح من خلال الأمر:
npm install
ثم:
npm install -D vite laravel-vite-plugin
ثم تفقد ملف 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,
}),
],
});
ثم ستحتاج إلى تحديث ملف العرض الرئيسي الخاص بك وهو app.blade.php الموجود في المسار resources/views/layouts/ لإضافة استدعاءات Vite:
<head>
<!-- Scripts -->
@vite(['resources/css/app.css', 'resources/js/app.js'])
</head>