Jade的Sweetalert2

我是javascript/jade。我试图用一个jade模板文件创建一个使用sweetalert2的简单示例。当我运行下面的我收到了“帮我”的警报，但是当我到达SwaI位行我收到：Jade的Sweetalert2

的ReferenceError：SwaI位没有定义

 
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

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

来源

2017-08-30 Dave Anderson

问题在于，您不能在HTTP协议（source）提供的站点的现代浏览器中包含绝对file:///...链接的文件。您需要specify a relative path，例如src='../myPage.js'。这条道路应该是相对于目录中的HTML /帕格文件位于

来源

2017-08-31 12:00:28 gandreadis

我修改剧本线如下：

 script(src='../js/sweetalert2.min.js')

而在我的萤火控制台输出我现在得到： “网络错误：404未找到 - http：// localhost：3017/js/sweetalert2.min.js“ 我的应用程序在端口3017上运行 –

您还需要提供'js'文件夹（[非常简单]（https://expressjs.com/ en/starter/static-files.html）在Node express中）。问题是你是从你的文件系统提供的混合匹配文件和从你的Node.js服务器提供的文件 - 它们只需要由这两个文件的_one_服务 – gandreadis

就是这样！我很欣赏答案和参考......谢谢！ –

Jade的Sweetalert2

回答

相关问题