Проблема со связыванием файла CSS с файлом PUG? - PullRequest
Новая
       10

Проблема со связыванием файла CSS с файлом PUG?

1 голос
/ 11 мая 2019

Я пытаюсь связать CSS-файл с PUG-файлом, используя синтаксис «link». Когда я пытаюсь это сделать, я получаю следующее сообщение об ошибке:

"Отказался от применения стиля из 'http://localhost:3000/CSS/styles.css', поскольку его тип MIME (' text / html ') не является поддерживаемым типом MIME таблицы стилей, и включена строгая проверка MIME."

  • Я пытался включить атрибут type = "text / css". Это не сработало
  • Я попытался проверить правильность пути к файлу css, используя следующий синтаксис: 
    style
        include ../CSS/styles.css

Это работает и позволяет мне убедиться в правильности пути к файлу css. Однако вместо этого я хочу использовать синтаксис "link ()", как показано в моем файле index.pug.

Голова index.pug: 

    head
        link(rel='stylesheet' href='../CSS/styles.css' type='text/css')

Файл app.js: 

    const express = require('express');
    const http = require('http');
    const path = require('path');

    const app = express();
    const viewsPath = path.resolve(__dirname, "views");
    app.set("views", viewsPath);
    app.set('view engine', 'pug');

    app.get("/", function (request, response) {
        response.render("index");
    });
    http.createServer(app).listen(3000);

1 Ответ

2 голосов
/ 11 мая 2019

Вам необходимо настроить файлы CSS как static. Также использование absolute paths предпочтительнее при подаче с экспресс.

Предполагается, что ваш Dashboard содержит только файлы, которые можно безопасно показывать в Интернете. 

app.use(express.static('Dashboard'))

// In your html, note absolute path
href='/CSS/styles.css'

Вы также можете рассмотреть virtual path, указав точку монтирования: 

app.use('/static', express.static('Dashboard'))

// html
href='/static/CSS/styles.css'
...