2016-06-07 8 views
0

Wenn ich versuche, meine HTML-Seite mit meinen Javascript-Dateien in meiner Express-App zu verknüpfen, erhalte ich den oben genannten Fehler in meinen Entwicklertools. Ich führe dies in einer Express-App mit einem hbs-Rendering-Engine auf meinem lokalen Rechner. Das Code-Snippet sieht wie folgt ausLokale Ressourcen dürfen nicht geladen werden

html

<script type="text/javascript" src="file:///public/javascripts/jquery/jquery-2.2.4.min.js"></script> 
 
<script type="/javascript" src="file:///public/javascripts/receiver.js"></script> 
 
<script type="text/javascript" src="file:///public\javascripts\jquery-2.2.4.min.map"></script>

das ist der Teil von app.js, dass die Ansicht Motor

// view engine setup 
 
app.set('views', path.join(__dirname, 'views')); 
 
app.set('view engine', 'hbs');

setzt und wenn ich überprüfen, die Entwickler-Tools, bekomme ich diese Konsole Fehler

Nicht erlaubt lokale Ressource zu laden: Datei: ///public/javascripts/jquery/jquery-2.2.4.js (Index) : 1 Nicht erlaubt lokale Ressource zu laden: file: /// public/Javascripts/receiver.js (Index) : 1 nicht lokale Ressource erlaubt zu laden: Datei: ///public/javascripts/jquery-2.2.4.min.map

Warum wird das Programm nicht mein Zugang Javaskripte?

+3

Sie benötigen einen Webserver, Sie können Ihre Website nicht mit dem Protokoll 'file: //' betreiben. – adeneo

+0

aber wenn ich es entferne bekomme ich einen 404 Fehler – Sparksido

+0

Sie müssen Ihren Express-Node-Code veröffentlichen, damit wir sehen können, wie Sie Ihren Webserver konfiguriert haben, um Ihre statischen Dateien zu lesen. – Garuuk

Antwort

2

Zuerst.

Laden Sie keine Dateien mit file: //. Geben Sie einfach den relativen Pfad ein. Laden Sie Javascript-Quellkarten nicht über das Skript-Tag. Sie können diese Zeile in der und der Javascript-Datei hinzufügen: //# sourceMappingURL=/path/to/script.js.map

Sekunde.

Sie haben diese kleine Codezeile in Ihrer Express-App: app.use(express.static('public'));. Wenn nicht, füge es hinzu. Der Server kennt den öffentlichen Pfad. So eröffnen Sie bitte public/

schreiben Ist dies Ihre Struktur ist:

  • server.js
  • public/
    • index.html
    • Javascripts/
    • Empfänger .js
    • jquery/
      • jquery-2.2.4.min.js

schreiben diese in der Datei html oder Lenker.

<script type="text/javascript" src="javascripts/jquery/jquery-2.2.4.min.js"></script> 
<script type="text/javascript" src="javascripts/receiver.js"></script> 
Verwandte Themen