इसलिए, मैं एक सीएसएस फ़ाइल को एक ईजेएस फ़ाइल से जोड़ने की कोशिश कर रहा हूं लेकिन यह काम नहीं कर रहा है, और मुझे लगता है कि मैं उन्हें सही तरीके से जोड़ रहा हूं:

<head>
<title>Acres & Karats Calculator</title>
<base href="/">
<link type="text/css" href="css/Acres and Karats Calculator.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:400,700&display=swap" rel="stylesheet">

और मैंने एक्सप्रेस में उपयोग की जाने वाली सार्वजनिक निर्देशिका निर्दिष्ट की:

let express = require("express"),
    app     = express();

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

app.get("/", (req, res) => {
    res.render("Acres and Karats Calculator.ejs")
});

app.listen("3000", () => {
    console.log("Server started!");
});

और कंसोल में कोई त्रुटि नहीं है और सीएसएस लोड नहीं है

फ़ाइल संरचना:

  • app.js
  • विचारों
    • प्यूबिल्क <उल>
    • सीएसएस <उल>
    • एकड़ और करात कैलकुलेटर.css
0
Ali Mohamed 14 फरवरी 2020, 19:15
मुझे लगता है कि आपकी सीएसएस नाम फ़ाइल में कोई समस्या है
 – 
shahabvshahabi
14 फरवरी 2020, 19:20
और कृपया अपनी फ़ाइल संरचना भी जोड़ें
 – 
shahabvshahabi
14 फरवरी 2020, 19:21
सहमत, आम तौर पर फ़ाइल नामों में रिक्त स्थान एक अच्छा विचार नहीं है। रिक्त स्थान को अंडरस्कोर (_) या कुछ इसी तरह से बदलने का प्रयास करें। Acres_and_Karats_Calculator.css.
 – 
sallf
14 फरवरी 2020, 20:13
मैंने उन्हें अंडरस्कोर से बदलने की कोशिश की लेकिन कुछ नहीं हुआ
 – 
Ali Mohamed
14 फरवरी 2020, 20:18

2 जवाब

मैंने इसे rel="stylesheet" जोड़कर और फ़ाइल पथ से पहले / जोड़कर हल किया

1
Ali Mohamed 14 फरवरी 2020, 20:57

अपनी परियोजना के निर्देशिका लेआउट को ध्यान में रखते हुए:

app.js
views
-|_pubilc
---|_css
-----|_Acres and Karats Calculator.css

और ejs टेम्प्लेट में css फ़ाइल का लिंक:

<link type="text/css" href="css/Acres and Karats Calculator.css">

अपने app.js में स्थिर पथ व्यक्त करें निम्नानुसार अद्यतन किया जाना चाहिए:

app.use(express.static(__dirname + "/views/public"));
0
antonku 14 फरवरी 2020, 20:33
यह काम नहीं किया, सर्वर और सभी को पुनरारंभ करने का प्रयास किया, लेकिन काम नहीं किया
 – 
Ali Mohamed
14 फरवरी 2020, 20:44