翡翠糖

Question

我是新来的javascript/玉。我正试图创建一个简单的例子，在一个玉模板文件中使用甜言蜜语2。当我运行以下内容时，我会收到“帮助我”警报，但当我到达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

问题是，您不能在现代浏览器中包含带有绝对file：//...链接的文件，这些链接来自使用HTTP协议（源）提供服务的网站。您需要指定一个相对路径，例如src='.../myPage.js'。该路径应相对于超文本标记语言/Pug文件所在的目录。