Как исправить путь внешнего css в публичной папке в Express?

Question

Пожалуйста, помогите мне исправить путь для загрузки внешних CSS-файлов. Я пробовал много раз, но не получается. Вот моя структура категории:

в header.ejs, я включаю путь:

<link rel="stylesheet" type="text/css" href="/style.css" />

Я пробовал много раз, но это не работает

// app.use(express.static(path.join(__dirname + '../../src/web/public/')));
// app.use('*/css',express.static('public/'));
// app.use("/static", express.static(path.resolve(__dirname + "/public/css")));

Я получаю эту ошибку:

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

Answer 1

Предполагается, что файл express.static вызывается из файла app.js (находится в папке dist), а общая папка включена в папку dist. Должно работать следующее:

в вашем app.ts:

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

в вашем html / ejs:

<link rel="stylesheet" type="text/css" href="css/style.css" />

Если вы намереваетесь сохранить публичную папку в src-dir и не включать ее в свой dist-пакет, вам необходимо изменить путь в файле app.ts:

app.use(express.static(path.join(__dirname, '../../src/web/public')));