Все меню заблокировано, когда я перехожу в меню компонентов смешивания в laravel mix

#html #laravel #vue.js #laravel-mix

Вопрос:

Это мое меню боковой панели компонентов Vuejs mix, когда я здесь, а затем все остальное заблокировано

 <li class=" {{ Request::is('products') ? 'active' : '' }}">
    <a href="{{ url('products') }}"><i class="fa fa-comments"></i> <span>Products</span></a>
</li>
<li class=" {{ Request::is('categories') ? 'active' : '' }}">
    <a href="{{ url('categories') }}"><i class="fa fa-comments"></i> <span>Categories</span></a>
</li>
 

подумайте, что загрузочные активы не компилируются, когда я нажимаю на компонент mix. Пожалуйста, дайте мне решение, как скомпилировать ресурсы и перейти к другим атрибутам меню

это мое webpack.mix.js

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

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

mix.js('resources/assets/js/app.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css');
 

Комментарии:

1. Опубликуйте свой файл микса.

2. @bassxzero Я действительно добавил webpack.mix.js файл выше

3. Не могли бы вы добавить и свой resources/assets/js/app.js тоже?

4. Убедитесь, что вы импортируете загрузочный import 'bootstrap/dist/css/bootstrap.css'; файл в app.js

5. Убедитесь, что вы импортируете загрузочный файл в файл app.scss @import '~bootstrap/scss/bootstrap';