Wie verwenden von client-Seite Jquery mit Node.js und Jade?

Bin ich versuchen, jquery-code auf der Startseite von my node.js app. Dies ist, was ich habe, so weit: 

  script(type='text/javascript' src='public/javascripts/jquery-min.js')
  script.
    $( document ).ready(function() {
      alert('hello');

    });

generiert diesen html -

<script type="text/javascript" src="public/javascripts/jquery-min.js"></script>


<script>$( document ).ready(function() {
  alert('hello'); 

}); 

</script>

aber ich bekomme keine Warnung, wenn meine app gestartet wird. Außerdem, wenn ich versuchen und besuchen, die Ressource direkt an http://localhost:3000/public/javascripts/jquery-min.js bekomme ich eine Fehlermeldung: Cannot GET /public/javascripts/jquery-min.js

Ist dies zu erwarten? Gibt es etwas, was ich zu tun habe, so dass der jquery-code ist zugänglich von meiner app?

Was verwenden Sie, um zu dienen Ihre html an Ihre Kunden? Machen Sie sich Ihren eigenen router/server oder mit so etwas wie Express?
Ich bin mit Express

InformationsquelleAutor BigBoy1337 | 2014-06-03

  1. 3

    Meine Vermutung ist, dass Sie nicht gesagt haben, Ihre Express server, wo man die statischen Dateien. Fügen Sie die folgende Zeile zu Ihrer Express-Konfiguration:

    //Assuming you have a line such as var app = exports.app = express();
app.use(express.static(path.join(__dirname, 'public')));

    ...und alles, was Sie setzen in der public Verzeichnis zugänglich sein wird durch Express.

    hmm Nein, ich habe. Soll es mir nicht HOLEN Ressource-Fehler, wenn ich versuche und rufen Sie die Seite direkt? Hat er zu gehen in /öffentlichen oder kann es gehen /public/javascripts?
    Ihre jquery-min.js Datei müsste unter /public/javascripts für Express zu finden, das den angegebenen Pfad in Ihrer Jade-Datei.
    Auch könntest du prüfen, ob deine Datei tatsächlich genannt jquery-min.js? Das ist, mit einem Bindestrich zwischen jquery und min. Minified Dateien sind in der Regel *.min.js, und das ist die Art und Weise, Sie nennen es, beim Aufruf von CDN in Ihre eigene Antwort.
    ja, es ist der name jquery-min.js. Ich nannte ihn persönlich nach dem Download
    Versuchen Sie zu erreichen um eine weitere statische Datei. Zum Beispiel, erstellen Sie eine Datei test.txt unter Ihrem /public/ Verzeichnis, dann versuchen, es zu verlangen, die von einem client. Tun Sie es gelesen?

    InformationsquelleAutor Jorge Aranda

  2. 1

    Nachdem Sie erzählte Express, wo man die statischen Dateien wie dieses:

    var express = require('express');
var app = express();

app.use(express.static(__dirname + '/public'));

    Sucht es die Dateien in den öffentlichen Ordner, wenn Sie so wollen, um die Referenz auf alle Dateien, die Sie nicht haben, um "/public" vor. So wird dies NICHT funktionieren:

    script(type='text/javascript' src='public/javascripts/jquery-min.js')

    Aber das wird:

    script(type='text/javascript' src='javascripts/jquery-min.js')

    Für GETing die Dateien direkt funktioniert es die gleiche ist, haben Sie weglassen "/public" und verwenden Sie es wie diese:

    http://localhost:3000/javascripts/jquery-min.js

    InformationsquelleAutor Daniël J

  3. 0

    nun, ich bin nicht sicher, warum die Ressource nicht verfügbar ist. Aber mit script(type='text/javascript' src='http://code.jquery.com/jquery.min.js') Es begann

    InformationsquelleAutor BigBoy1337

Schreibe einen Kommentar