ظهور خطأ "You may need an appropriate loader" في لارافل 8

في نسخة لارافل 8 في حال كنت تستخدم النسخة laravel-mix 6 فيوجد فيها إعدادات مختلفة ضمن webpack.mix.js

فيجب إضافة .vue() على الملفات التي يتم الإشارة إليها كالتالي:

const mix = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel applications. By default, we are compiling the CSS
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js('resources/js/app.js', 'public/js').vue()
    .postCss('resources/css/app.css', 'public/css', [
        //
    ]);

ويوجد حل آخر لاستخراج التنسيقات أيضاً بحيث تصبح بهذا الشكل:

mix.js('resources/js/app.js', 'public/js')
.vue({
    extractStyles: true,
    globalStyles: false
})
.postCss('resources/css/app.css', 'public/css', [
        //
]);

بما أنك تستخدم النسخة 6 من Laravel mix فهناك بعض الإختلافات في ملف الإعدادت و لمعرفة كيفية الترقية لهذا الإصدار تستطيع ذلك من هنا

لا داعي لتثبيت مُحمل vue بالرغم من أن الخطأ ينص على ذلك، بدلاً من ذلك تحتاج إلى إخبار mix أن تدعم vue بشكل صريح و يُمكنك ذلك من خلال:

mix.js('resources/js/app.js', 'public/js')
.vue()
.postCss('resources/css/app.css', 'public/css', [
        //
]);

او الخيار الثاني إذا كنت تريد استخراج التنسيقات أيضًا

mix.js('resources/js/app.js', 'public/js')
.vue({
    extractStyles: true,
    globalStyles: false
})
.postCss('resources/css/app.css', 'public/css', [
        //
]);

لأنك تستخدم  laravel-mix 6 يكون له تكوين مختلف لـ webpack.mix.js ففي ملف 

webpack.mix.js

يمكنك استخدام .vue() 

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js').vue()
    .postCss('resources/css/app.css', 'public/css', [
        //
    ]);

يمكنك متابعة Laravel Mix 6 من هنا