2017-12-20 8 views
0

私はエクスプレスジェネレーターとエクスプレスジェネレーターを学習しようとしていて、私が疑う基本的なことに固執してしまった。ローカルディレクトリからjqueryを提供することはできません。エクスプレスジェネレーター、ローカルjqueryが動作しない

私はCDのヘルプ

  • は、ヘルプディレクトリに急行サーバーを作成し、それが依存関係だインストール>

    ヘルプ

    >は、mkdirヘルプと呼ばれるディレクトリを作成

    1. を追った手順コマンド付き

      ヘルプ> initはデフォルトのpackage.jsonを作成

      アプリ> CD ..

    3)をインストールする> --view = HBSアプリ

    ヘルプ> CDアプリ

    アプリを表現コマンド

    help>npm init 
    

    4のヘルプディレクトリ)

    0を含む2行index.jsファイルを作成しますフォルダ

    help/app/public/javascripts/jquery-3.2.1.min.js 
    

    6に

    const app = require("./app/app") 
    
    app.listen(3000,() => console.log('Example app listening on port 3000!')) 
    

    5)ダウンロードjqueryのは)ヘルプ\アプリケーション\ビューにjqueryのを追加しました\

    <!DOCTYPE html> 
    <html> 
        <head> 
        <title>{{title}}</title> 
        <script> src="/javascripts/jquery-3.2.1.min.js" </script> 
        <link rel='stylesheet' href='/stylesheets/style.css' /> 
        </head> 
        <body> 
        {{{body}}} 
        </body> 
    </html> 
    

    7をlayout.hbs)ヘルプの警告を追加しました\ jqueryのは正しく

    <h1>{{title}}</h1> 
    <p>Welcome to {{title}}</p> 
    <script> 
        $(()=> alert("hi")) 
    </script> 
    

    8)この再ロードした場合、アプリ\ビュー\ index.hbsを見るためにエラーが発生しました

    (index):12 Uncaught ReferenceError: $ is not defined 
    

    jqueryがロードされていないと表示されます。私は最後の1時間にサークルで走っています。 このエクスプレスジェネレータは本当にクールに見え、サーバーのスケルトンを非常に速く作成するので、私が間違ったことを理解したいと思います。

    ご協力いただければ幸いです。

  • 答えて

    0

    私の愚かな誤り。ライン

    <script> src="/javascripts/jquery-3.2.1.min.js" </script> 
    

    <script src="/javascripts/jquery-3.2.1.min.js"> </script> 
    
    されている必要があります
    関連する問題