Как установить jquery в vue project

Question

Я создал проект laravel 6 и установил предустановленное vue внешнего интерфейса и создал несколько компонентов vue с помощью bootstrap.Ex: Navbar и Modal, когда я пытался открыть модальное с помощью $('#modalName').modal('show'); ничего не произошло

Так что я думаю, что этопроблема jquery. Я уже установил загрузчик и jquery с (установка npm)

Это мои начальные загрузки

try {
    window.$ = window.jQuery = require('jquery');
    require('bootstrap');
} catch (e) {
}
window.axios = require('axios');
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
let token = document.head.querySelector('meta[name="csrf-token"]');
if (token) {
    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}

И appjs

window.Vue = require('vue');
import App from './components/App';
const app = new Vue({
    el: '#app',
    template:'<App/>',
    components: {App}
});```

error message not found the modal function

`$(..).modal('show');`

Answer 1

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

Answer 2

В вашем app.js вы не включили bootstrap.js, поэтому он не работает.

Включите boostrap.js в app.js вверху, как показано ниже

require('./bootstrap');

если мы не импортируем его, axios также не будет работать, потому что он импортирован в bootstrap.js, который не включен в app.js