1

我是 javascript/jade 的新手。我正在尝试从玉模板文件中使用sweetalert2创建一个简单的示例。当我运行以下命令时,我收到“帮助我”警报,但是当我到达swal线时,我收到:

ReferenceError: swal 未定义

html  
  头
    标题=标题
    风格。
      身体 {
        字体系列:verdanna;
        字体大小:19px;
        背景:#aaaaaa;
      }
    链接(type='text/css' rel='stylesheet' href='file:///home/dave/css/sweetalert2.css')
  身体
    脚本(src='file:///home/dave/js/sweetalert2.min.js')
    脚本。
      变函数 = 函数() {
        alert('帮帮我');
        swal('swal 帮助');
    阻止内容
      h2 你好
      按钮(onclick='func()') 警报
  页脚
    。排
      .col-xs-12
        小 © Neo Inc 2017

应该注意的是,我是在基于 express/node.js 的玩具应用程序中运行它的。通过从代码中复制位置并将它们插入浏览器上的另一个选项卡,我已经验证了 sweetalert2.css 和 sweetalert2.min.js 文件是否存在。任何建议/帮助将不胜感激。

4

1 回答 1

1

问题是您不能在现代浏览器中包含来自使用 HTTP 协议 ( source )file:///...提供的站点的绝对链接的文件。您需要指定一个相对路径,例如。该路径应该相对于 HTML/Pug 文件所在的目录。src='../myPage.js'

于 2017-08-31T12:00:28.770 回答