2017-08-30 10 views
0

私はjavascript/jadeを初めて使っています。私は、翡翠のテンプレートファイル内からsweetalert2を使って簡単な例を作成しようとしています。私は、次の実行したとき、私は「ヘルプ・ミー」アラートを受け取るが、私はのSwaIラインに着くとき、私は受け取る:Sweetalert2 in Jade

に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 

が定義されていない私が「ことに留意すべきですexpress/node.jsベースのおもちゃアプリケーション内からこれを実行しています。私はsweetalert2.cssとsweetalert2.min.jsファイルがあることを確認しました。コードから場所をコピーし、ブラウザの別のタブにそれらを挿入します。任意の提案/助けをいただければ幸いです。

答えて

0

HTTPプロトコル(source)で提供されている現代のブラウザでは、絶対的なfile:///...リンクを含むファイルを含めることができないという問題があります。 specify a relative pathが必要です。 src='../myPage.js'。 。そのパスは、HTML /パグファイルが置かれているディレクトリに相対的でなければならない

+0

次のように私は、スクリプトの行を変更:

 script(src='../js/sweetalert2.min.js') 
をそして、私の放火犯のコンソール出力で、私は今受け取る: 「ネットワークエラー:404が見つかりません - http:// localhost:3017/js/sweetalert2.min.js " 私のアプリはポート3017で動作しています –

+0

あなたはその' js'フォルダも提供する必要があります([非常に簡単](https://expressjs.com/ en/starter/static-files.html)を参照してください。問題は、ファイルシステムから提供されるファイルと、Node.jsサーバーから提供されるファイルが混在していることです。それらは2つのうちの1つだけによってサービスされる必要があります。 – gandreadis

+0

それでした!私は答えと参考に感謝します...ありがとう! –

関連する問題