как открыть модальный boostrap на Laravel

#jquery #laravel #webpack #bootstrap-4 #bootstrap-modal

#jquery #ларавель #веб-пакет #начальная загрузка-4 #bootstrap-модальный

Вопрос:

Здравствуйте, я попытался открыть модальный файл с помощью js и jquery в моем представлении индекса, но он не работает, потому что необходимые файлы существуют, мой webpack.mix

 mix.js('resources/js/app.js', 'public/js') .setResourceRoot('../') .sourceMaps();  

app.js является

 require('./bootstrap');   

и bootstrap.js

 window._ = require('lodash');  /**  * We'll load jQuery and the Bootstrap jQuery plugin which provides support  * for JavaScript based Bootstrap features such as modals and tabs. This  * code may be modified to fit the specific needs of your application.  */  try {  window.Popper = require('popper.js').default;  window.$ = window.jQuery = require('jquery/dist/jquery.min');   require('bootstrap');  } catch (e) {}  /**  * We'll load the axios HTTP library which allows us to easily issue requests  * to our Laravel back-end. This library automatically handles sending the  * CSRF token as a header based on the value of the "XSRF" token cookie.  */  window.axios = require('axios');  window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';  /**  * Echo exposes an expressive API for subscribing to channels and listening  * for events that are broadcast by Laravel. Echo and event broadcasting  * allows your team to easily build robust real-time web applications.  */  // import Echo from 'laravel-echo';  // window.Pusher = require('pusher-js');  // window.Echo = new Echo({ // broadcaster: 'pusher', // key: process.env.MIX_PUSHER_APP_KEY, // cluster: process.env.MIX_PUSHER_APP_CLUSTER, // forceTLS: true // });   

когда я позвоню

 $('#myModal').modal('show')   

это Бросает

Неперехваченная ошибка типа: $(…).модальный не является функцией

загрузочная версия 4.6 laravel 8

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

1. Куда ты звонишь .modal('show') ? Этот код вызывается после того, как вы включили app.js ?

2. да, конечно, сэр, иначе я тоже получил ошибку jquery

3. И вы запустили соответствующий npm run watch или npm run dev для компиляции активов public/js/app.js ? И вы включили это в свой layouts/main.blade.php ? (Или аналогичный файл)

4. да , я уже выполнил все команды , npm установите обновление npm , запустите dev, запустите watch , удалите файл в общей папке и запустите dev , запустите prod

5. «удалить файл в общей папке […]» — Что вы имеете в виду под удалением файла? Вам необходимо включить этот файл в свой .blade.php файл для jQuery/начальной загрузки, чтобы он был включен…