Javascript 翡翠糖

Javascript 翡翠糖,javascript,pug,sweetalert2,Javascript,Pug,Sweetalert2,我不熟悉javascript/jade。我试图在jade模板文件中创建一个简单的示例。当我运行以下命令时,我会收到“帮助我”警报,但当我到达swal行时,我会收到: ReferenceError:未定义swal html head title= title style. body { font-family: verdanna; font-size: 19px; background: #aaaaaa;

我不熟悉javascript/jade。我试图在jade模板文件中创建一个简单的示例。当我运行以下命令时,我会收到“帮助我”警报,但当我到达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 html 头 头衔 风格 身体{ 字体系列:Verdana; 字号:19px; 背景:AAAAA; } 链接(type='text/css'rel='stylesheet'href='0)file:///home/dave/css/sweetalert2.css') 身体 脚本(src=)file:///home/dave/js/sweetalert2.min.js') 剧本 var func=函数(){ 警惕(“帮助我”); swal(“swal帮助”); 块内容 你好 按钮(onclick='func()')警报 页脚 一行 .col-xs-12 small©Neo公司2017
需要注意的是,我是在一个基于express/node.js的玩具应用程序中运行这个程序的。我已经通过从代码中复制位置并将它们插入浏览器的另一个选项卡来验证sweetalert2.css和sweetalert2.min.js文件是否存在。如果您有任何建议/帮助,我们将不胜感激。

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

我修改了脚本行,如下所示:script(src='../js/sweetalt2.min.js')在我的firebug控制台输出中,我现在收到:“网络错误:404未找到-”我的应用程序正在端口3017上运行。您还需要为
js
文件夹提供服务(在Node express中)。问题是,您正在混合和匹配文件系统提供的文件和Node.js服务器提供的文件-它们只需要这两个服务器中的一个就可以了!我感谢您的回答和参考资料…谢谢!