Предупреждение об удивительной предварительной загрузке шрифтов при развертывании приложения Django на Heroku, но не на dev-сервере
Это мой первый день использования heroku для развертывания моего приложения Django.
Когда я разворачиваю свое приложение Django на Heroku, инспектор хрома выдает следующее предупреждение:
Ресурс https://ka-f.fontawesome.com/releases/v6.6.0/webfonts/free-fa-solid-900.woff2 был предварительно загружен с помощью предварительной загрузки ссылок, но не использовался в течение нескольких секунд после события загрузки окна. Убедитесь, что ресурс имеет соответствующее значение as
и загружен намеренно.
Когда я нажимаю на ссылку предупреждения, она показывает первую строку моей индексной страницы html, которая пуста.
Я не получаю это предупреждение при запуске на сервере разработки, и установка режима отладки для проекта Django не имеет никакого эффекта.
Я удалил все упоминания о fontawesome в своем проекте, включая удаление ссылки на fontawesome из заголовка base.html и удаление его из установленных приложений и т. д., но я все еще получаю это предупреждение. Я использовал поиск, чтобы дважды проверить, нет ли ссылок на font awesome. Я пытался найти решение в течение нескольких часов сегодня и оказался в тупике.
Моя страница base.html выглядит следующим образом:
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Dotstory</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" type="image/x-icon" href="{% static 'storymode/images/favicon.png' %}"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
и мой индекс выглядит следующим образом:
{% extends "base.html" %}
{% block content %}
<h1>n</h1>
<main class="text-center mt-20" id="game">
<h1 class="mb-4">This is the Main Page</h1>
{% for story in stories %}
<a href="/story/{{story.pk}}"><h1>{{story.title}}, {{story.pk}}</h1></a>
<br>
{% endfor %}
</main>
{% endblock content %}
[EDIT]: Чтобы добавить загадку, когда я повторно добавляю свой скрипт для подключения моего набора font-awesome в html head:
<script src="https://kit.fontawesome.com/fe9b6298ed.js" crossorigin="anonymous"></script>
При повторном развертывании проекта в heroku я получаю следующую ошибку в дополнение к приведенной выше: Найдена предварительная загрузка для 'https://ka-f.fontawesome.com/releases/v6.6.0/webfonts/free-fa-solid-900.woff2', но она не используется, поскольку режим учетных данных запроса не совпадает. Рассмотрите возможность использования атрибута crossorigin.
Похоже, что, несмотря на мои попытки удалить все ссылки на fontawesome, его все еще ищут?