javascript - Jade 中的 Sweetalert2

Question

我是 javascript/jade 的新手。我正在尝试使用 sweetalert2 创建一个简单示例从 Jade 模板文件中。当我运行以下命令时，我收到“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 文件是否存在。任何建议/帮助将不胜感激。

Answer 1

问题是您不能在使用 HTTP 协议(protocol) (source) 的现代浏览器中包含带有绝对 file:///... 链接的文件。你需要specify a relative path ，例如src='../myPage.js'。该路径应该相对于 HTML/Pug 文件所在的目录。