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

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

0 голосов
/ 27 ноября 2018

STEP1: в консоли / терминале. 

npm install --save sweetalert2

STEP2: в app.scss добавить эту строку ... 

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

STEP3: в app.js добавить эту строку... 

const swal = require('sweetalert2');

STEP4: в webpack.min.js ... 

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

STEP5: npm run dev

STEP6: Добавить app.js и приложение.css to HTML document

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

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

Что пропущен шаг?

Ответы [ 2 ]

0 голосов
/ 28 ноября 2018

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

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

    require('sweetalert2');
    require('bootstrap');
} catch (e) {}
0 голосов
/ 28 ноября 2018

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

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

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

...