如何通过Laravel安装sweetalert2？

Question

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和app.css添加到HTML文档中

我发现了一个错误：

未定义的ReferenceError: swal未定义

错过的步骤是什么？

Answer 1

如果您想让它在任何地方可用，您必须将其绑定到窗口：

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

但是更好的方法是将它包含在您使用它的任何文件中，就像在app.js中那样。

Answer 2

更新/resources/js/bootstrap.js.

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

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

Answer 3

在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";