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
缺少的步骤是什么?
如果要使其在任何地方都可用,则必须将其绑定到窗口:
const swal = window.swal = require('sweetalert2');
Run Code Online (Sandbox Code Playgroud)
但是更好的方法是将其包含在使用它的任何文件中,就像在 app.js