#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/начальной загрузки, чтобы он был включен…