我试图在jade模板文件中使用sweetalert2创建一个简单的示例 . 当我运行以下命令时,我会收到'Help Me'警报,但是当我到达 swal 行时,我会收到:
ReferenceError:未定义swal
html
head
title= title
style.
body {
font-family: verdanna;
font-size: 19px;
background: #aaaaaa;
}
link(type='text/css' rel='stylesheet' href='file:///home/dave/css/sweetalert2.css')
body
script(src='file:///home/dave/js/sweetalert2.min.js')
script.
var func=function() {
alert('Help me');
swal('swal help');
block content
h2 Hello
button(onclick='func()') Alert
footer
.row
.col-xs-12
small © Neo Inc 2017
应该注意的是,我是在基于express / node.js的玩具应用程序中运行它 . 我已经通过从代码中复制位置并将它们插入浏览器上的另一个选项卡来验证sweetalert2.css和sweetalert2.min.js文件是否存在 . 任何建议/帮助将不胜感激 .
1 回答
问题是,您不能在使用HTTP协议(source)提供服务的站点的现代浏览器中包含具有绝对
file:///...
链接的文件 . 你需要specify a relative path,例如src='../myPage.js'
. 该路径应该相对于HTML / Pug文件所在的目录 .