Sweetadert2 in Jade

Question

我是javascript / jade的新手。我试图在jade模板文件中使用sweetalert2创建一个简单的示例。当我运行以下内容时，我会收到“帮助我”。警报，但当我到达 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协议（source）的网站的现代浏览器中包含绝对file:///...链接的文件。您需要specify a relative path，例如src='../myPage.js'。该路径应该与HTML / Pug文件所在的目录相关。