Почему не работатет Vue копмоненты (Laravel Mix + Vue js)?

Question

[Terroris337]

Люди добрые помогите, уже второй день не могу решить проблему!

Laravel 7.28.3

Не отображаются шаблоны vue компонентов, просто тег с название компонента и все.
laravel.mix.js

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

mix.js('resources/js/app.js', 'public/js')
    .extract(['vue'])
    .sass('resources/sass/app.scss', 'public/css')
    .styles([
        'resources/css/account.css',
        'resources/css/admin_panel.css',
        'resources/css/admin_panel_orders.css',
        'resources/css/amimation.css',
        'resources/css/buscket.css',
        'resources/css/header_footer.css',
        'resources/css/layot.css',
        'resources/css/lefter.css',
        'resources/css/main.css',
        'resources/css/popups.css',
        'resources/css/radio.css',
        'resources/css/slick.css',
        'resources/css/stylesheet.css',
    ], 'public/css/all.css');

app.js

require('./bootstrap');

window.Vue = require('vue');

// const files = require.context('./', true, /\.vue$/i)
// files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))

Vue.component('example-component', require('./components/ExampleComponent.vue').default);
Vue.component('view-products-component', require('./components/ViewProductsComponent.vue').default);

const app = new Vue({
    el: '#app',
});

ExampleComponents.vue

<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Example Component</div>

                    <div class="card-body">
                        I'm an example component.
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    mounted() {
        console.log('Component mounted.')
    }
}
</script>

Вызиваю компонент через тэг , div c id=app есть.
Уже миллион статей перечитал везде одно и тоже и нечего не помогает.

Comments

[Terroris337]

Алексей, Ошибок в браузере нет, laravel/ui юзаю.

<div id='app'>
<example-component></example-componentt>
</div>

[Terroris337]

Алексей, Решил проблему, все из-за не внимательности.
Конструкция .extract(['vue']) описана в доке
Я просто забыл подключить несколько js файлов.
Спасибо за внимание, всего вам доброго))