css не загружается, несмотря на то, что ошибок нет, и они правильно связаны в ejs - PullRequest
Новая
       5

css не загружается, несмотря на то, что ошибок нет, и они правильно связаны в ejs

0 голосов
/ 14 февраля 2020

Итак, я пытаюсь связать файл css с файлом e js, но он не работает, и я думаю, что я связываю их правильно: 

<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">

и я указал каталог publi c, который будет использоваться в express: 

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!");
});

, и в консоли вообще нет ошибок, а css не загружен

структура файла:

  • приложение. js
  • просмотров
    • pubilc
      • css
        • акров и калькулятор карат. css

Ответы [ 2 ]

1 голос
/ 14 февраля 2020

Я решил это, добавив rel="stylesheet" и добавив / до пути к файлу

0 голосов
/ 14 февраля 2020

Учитывая макет каталога вашего проекта: 

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

и ссылку на файл css в шаблоне ejs: 

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

express stati c путь в вашем app.js должен быть обновлен следующим образом: 

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