如何通过 Laravel-Mix 安装 sweetalert2？答案

【问题标题】：How Can I Install sweetalert2 via Laravel-Mix?如何通过 Laravel-Mix 安装 sweetalert2？
【发布时间】：2019-04-29 15:57:59
【问题描述】：

STEP1：在控制台/终端中。

npm install --save sweetalert2

STEP2：在 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');

第五步：npm run dev

STEP6：将 app.js 和 app.css 添加到 HTML 文档中

我收到了这个错误：

Uncaught ReferenceError: swal is not defined

缺少什么步骤？

【问题讨论】：

这个错误出现在哪里？我猜它不是 app.js，你在 app.js 中定义了 swal。

标签： laravel npm laravel-mix sweetalert2

【解决方案1】：

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

【讨论】：

【解决方案2】：

更新/resources/js/bootstrap.js.

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

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

【讨论】：

【解决方案3】：

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

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

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

【讨论】：