如何通过Laravel-Mix安装sweetalert2?

Are*_*eza 4 npm laravel laravel-mix sweetalert2

第1步:在控制台/终端中。

npm install --save sweetalert2
Run Code Online (Sandbox Code Playgroud)

第2步:在app.scss中添加此行...

@import '~sweetalert2/src/sweetalert2.scss';
Run Code Online (Sandbox Code Playgroud)

第3步:在app.js中添加此行...

const swal = require('sweetalert2');
Run Code Online (Sandbox Code Playgroud)

STEP4:在webpack.min.js中...

mix.setPublicPath('public');
mix.js('resources/js/app.js', 'js');
mix.sass('resources/sass/app.scss', 'css');
Run Code Online (Sandbox Code Playgroud)

第5步: npm run dev

步骤6:将app.js和app.css添加到HTML文档

我收到此错误:

未捕获的ReferenceError:未定义swal

缺少的步骤是什么?

Jef*_*eff 5

如果要使其在任何地方都可用,则必须将其绑定到窗口:

const swal = window.swal = require('sweetalert2');
Run Code Online (Sandbox Code Playgroud)

但是更好的方法是将其包含在使用它的任何文件中,就像在 app.js