Kann nicht externen CSS laden, wenn in localhost

Ich bin an einem Projekt arbeiten Arduino, node.js und socket.io verwenden. Ich verwende es in localhost, aber mein externes Stylesheet wird nicht geladen.Kann nicht externen CSS laden, wenn in localhost

Der Fehler zu sagen, so scheint es, kann meine css von diesem Weg http://localhost:1337/css/main.css

Allerdings, wenn ich die CSS in einem Stil-Tag im HTML-halten-Datei alles gut funktioniert, ist es eine Möglichkeit, die CSS zu halten extern, so dass es meine HTML-Datei nicht stört?

Heres, wie im Laden in meinem css

<link rel="stylesheet" type="text/css" href="css/main.css">

Hier ist, wie meine Dateistruktur sieht

Hier ist meine main.css-Datei im Ordner css

meine main.css Datei befindet sich in der CSS-Ordner, ich arbeite der interface.html Datei aus

Quelle

2016-04-07 Kyle Bing

Können Sie teilen, welchen Code Sie das externe Stylesheet zu laden verwenden? – Wowsk

Klar doch, aktualisiert nur die Frage damit –

benötigen Sie den genauen Standort Ihrer Datei ... Beispiel wie 'www.sample.com/css/main.css' –

dies stattdessen versuchen:

<link rel="stylesheet" type="text/css" href="./css/main.css">

Bekanntmachung der ./ vor dem href

sonst sind voll Pfadname:

<link rel="stylesheet" type="text/css" href="http://localhost:1337/css/main.css">

Quelle

2016-04-07 00:56:32 Wowsk

Hey vielen Dank für Ihre Antwort, aber ich habe versucht beide Antworten und sie schien nicht für mich arbeiten –

Der relative Pfad tritt aus dem hTML-Weg ab, so

<link rel="stylesheet" type="text/css" href="main.css">

funktionieren sollte (als main.css außerhalb des CSS-Ordner ist). Alternativ können Sie die main.css Datei auf dem CSS-Ordner abgelegt und verweisen Sie mit „css/main.css“

Quelle

2016-04-07 01:24:38

das ist, was ich versucht habe und es funktioniert für mich

<link href="./main.css" rel="stylesheet" type="text/css" />

Dank

Quelle

2016-04-07 10:43:41 5413

Um statische Dateien wie Bilder, CSS-Dateien und JavaScript-Dateien, verwenden Sie die express.static Einbau-Middleware-Funktion in Express dienen.

Die Funktion Signatur ist: app.use (express.static (__ dirname));

Dann können Sie wie umfassen unten

<html> 
<link rel="stylesheet" href="/css/style.css"> 
</html>

Quelle

2018-03-03 08:17:45 Venkatesan

Kann nicht externen CSS laden, wenn in localhost

Antwort

Verwandte Themen