首页 文章

翡翠Sweetalert2

提问于
浏览
1

我试图在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 回答

  • 1

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

相关问题