Отказался от применения стиля из {имя_файла}, потому что его тип MIME ('text / html') не является поддерживаемым типом MIME таблицы стилей - PullRequest
Новая
       7

Отказался от применения стиля из {имя_файла}, потому что его тип MIME ('text / html') не является поддерживаемым типом MIME таблицы стилей

0 голосов
/ 12 марта 2019

У меня есть файл index.ejs, который я использую с Express для локального веб-сервера, и я получаю 4 ошибки 2 типов: Ошибки Вот мой код: 

<html>
<head>
    <title>Home</title>
    <!-- <link rel="stylesheet" type="text/css" href="styles/main.css"> -->
    <link rel="stylesheet" type="text/css" href="styles/mobile.css">
    <link rel="icon" href="public/styles/images/icon.png">
</head>
<style type="text/css">
@import url("styles/main.css");
</style>
<body>
    <nav>

    </nav>
    <main>

    </main>
    <footer>

    </footer>
    <script type="text/javascript" src="scripts/javascript/main.js"></script>
    <script type="text/javascript" src="scripts/javascript/mobile.js"></script>
</body>

Я пытался создать тестовые файлы CSS и JavaScript в том же каталоге, что и файл index.ejs, но у меня тоже были ошибки.Когда я меняю тип файла на index.html, нет ошибок, которые были бы интересны.Если бы кто-то мог сказать мне, почему это очень помогло бы.Спасибо!

1 Ответ

0 голосов
/ 13 марта 2019

Я никогда не видел метод @import url("styles/main.css");, поэтому не могу сказать, что он не будет работать.

Обычно вы получаете эту ошибку, когда у вас есть ошибка в вашем пути css / js, иливы неправильно настроили папку public на вашем app.js.

Убедитесь, что у вас есть app.use(express.static('public'));, и у вас есть папка с именем public, в которой есть следующие папки: css, js, images.Поместите все ваши js / css / images в эти папки.

Затем на вашем index.ejs измените следующее: 

//to reference a css file:
<link rel="stylesheet" src="/css/yourFile.css">

//to reference a js file:
<script href="/js/yourFile.js"></script>

//to reference an image:
<link rel="icon" src="/images/yourImage.png">
...