इसलिए, मैं एक सीएसएस फ़ाइल को एक ईजेएस फ़ाइल से जोड़ने की कोशिश कर रहा हूं लेकिन यह काम नहीं कर रहा है, और मुझे लगता है कि मैं उन्हें सही तरीके से जोड़ रहा हूं:
<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
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
_) या कुछ इसी तरह से बदलने का प्रयास करें।Acres_and_Karats_Calculator.css.