Как заставить стили и шрифты работать на Heroku

У меня есть проект node с проектом приложения create-реагировать в папке с именем client.

Он настроен на Heroku, развертывается и работает (функционально) с помощью мастера git push heroku, но ни один из стилей не активен, и он использует неправильные шрифты.

Все это работает на локальном хосте.

В проекте package.json у меня есть

"heroku-postbuild": "cd client && npm install && npm run build"

и в клиентском package.json

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

Не могу найти ничего неправильного в настройках Heroku, журналах или любой документации, немного теряюсь, с чего начать даже искать

Я бы начал с поиска в devtools вашего браузера. Некоторые ресурсы не найдены (HTTP 404)? Есть ли другие ошибки в консоли или во вкладке сети? Судя по тому, что вы уже поделились, очень маловероятно, что мы сможем вам помочь.

Chris 17.03.2019 19:25

Я могу поделиться чем-нибудь, что было бы более информативным? В консоли нет ошибок

Cullan 17.03.2019 21:04

Вы видите, что ваши файлы стилей успешно загружаются на вкладке сети?

Chris 17.03.2019 21:11

Ошибок во вкладке сети нет, все 200 или 304 при повторной загрузке. Должен ли я увидеть загрузку некоторых файлов, специфичных для стиля? Я не вижу ничего очевидного, пару файлов chunk.js? И спасибо за помощь, я ценю это!

Cullan 17.03.2019 22:13

ОК, поэтому я думаю, что это может быть просто файл css, который не создается, не загружается, не используется, страница с чистым стилем реагирования работает нормально.

Cullan 17.03.2019 23:46
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
5
151
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Включил файл css в index.html

Другие вопросы по теме

Похожие вопросы