如何通过Laravel安装sweetalert2？
提问于 2018-11-27 12:31:14
STEP1:在控制台/终端。
npm install --save sweetalert2STEP2:在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未定义
错过的步骤是什么？
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-11-27 14:42:44
如果您想让它在任何地方可用，您必须将其绑定到窗口：
const swal = window.swal = require('sweetalert2');但是更好的方法是将它包含在您使用它的任何文件中，就像在app.js中那样。
Stack Overflow用户
发布于 2018-11-28 03:36:31
更新/resources/js/bootstrap.js.
try {
window.Popper = require('popper.js').default;
window.$ = window.jQuery = require('jquery');
require('sweetalert2');
require('bootstrap');
} catch (e) {}Stack Overflow用户
发布于 2020-09-07 08: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";页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53507661
复制相关文章
腾讯云开发者
