Как я могу установить sweetalert2 через Laravel-Mix?


Как я могу установить sweetalert2 через Laravel-Mix?

27.11.2018 11:31:14 Просмотров 24 Источник

Шаг 1: в консоли/терминале.

npm install --save sweetalert2

Шаг 2: в app.scss добавьте эту строку...

@import '~sweetalert2/src/sweetalert2.scss';

Шаг 3: в app.js добавьте эту строку...

const swal = require('sweetalert2');

Шаг 4: в webpack.min.js...

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

Шаг 5: npm run dev

Шаг 6: Добавьте app.js и app.css в HTML-документ

Я получил эту ошибку:

Uncaught ReferenceError: swal не определен

Что за недостающий шаг?

У вопроса есть решение - Посмотреть?

Ответы - Как я могу установить sweetalert2 через Laravel-Mix? / How Can I Install sweetalert2 via Laravel-Mix?

Является ответом!
Jeff

28.11.2018 01:42:44

Если вы хотите сделать его доступным в любом месте вам придется привязать его к окну:

const swal = window.swal = require('sweetalert2');

Но лучше было бы включить его в любой файл, в котором вы его используете, так же, как вы это сделали в app.js

Karl Hill

28.11.2018 02:36:31

Обновление /resources/js/bootstrap.js.

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');

    require('sweetalert2');
    require('bootstrap');
} catch (e) {}
Abdulmajeed

07.09.2020 07:09:46

попробуйте это в bootstrap.js добавить :

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');

    const Swal = window.Swal = require('sweetalert2');

    require('bootstrap');

} catch (e) {}

в app.sass добавить

@import "~sweetalert2/src/sweetalert2";
Помочь в развитии проекта:
Закрыть X