Я пытаюсь связать файл CSS с файлом PUG, используя синтаксис «ссылка». Когда я пытаюсь это сделать, я получаю следующее сообщение об ошибке:
«Отказано в применении стиля из «http://локальный:3000/CSS/styles.css», поскольку его тип MIME («текст/html») не является поддерживаемым типом MIME таблицы стилей, и включена строгая проверка MIME».
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);
Когда я пытаюсь это сделать, я получаю следующее сообщение об ошибке: Not allowed to load local resource: file:///D:/Google%20Drive/Projects/Dashboard/CSS/styles.css



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вам нужно серверировать файлы 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'
Я не думаю, что смогу обслуживать файлы pug с помощью модуля expres.static. Он работает с файлами .html, но, похоже, это не относится к файлам pug, он просто говорит: «Не удается получить /»
О, Я ВИЖУ. теперь это работает, и мне даже не нужно было указывать абсолютный путь. Спасибо. Не совсем понимаю, почему это так работает, но это так...
Don't really understand why it works, вам нужно сделать базовые статические файлы доступными для клиента, обслужив его. (надеюсь это просто)
Вы пытались указать свой файл CSS как абсолютный путь вместо относительного?