Приложение Rails не имеет css для стилизованных компонентов после загрузки его на heroku

Question

У меня есть рельсы с реагировать приложение. Приложение отлично работает локально, но когда я загружаю его в heroku, все css исчезает. Я проверил css для обоих (локально запущенное приложение и приложение, запущенное на heroku) на вкладке инструментов разработчика. Тот, кто работает локально, имеет css, а тот, что на Героку, не имеет его.

Я использовал стилизованные компоненты для обработки css для своих компонентов, что является неортодоксальным методом и, вероятно, поэтому я сталкиваюсь с этой проблемой. Вот как я добавил css (Пример компонента :)

import React from 'react'

import Thumbnail from './Thumbnail'
import styled from 'styled-components';

 const Button = styled.a`
 display: inline-block;
 text-decoration: none;
 font-weight: bold;
 cursor:pointer;
 border-radius: 0;
 background:  #fff;
 color: #a1271a !important
 padding: 10px 20px;
 font-size: 18px;

box-shadow: 0px 0px 0px 3px #473228,
-6px 6px #ef5f17,
-6px 6px 0px 3px #473228;`




const Item = (props) => {
   return (
      <div className="row pt-3 pb-3">
          <div className="col-md-10 offset-md-1">
            <div >
                <div className="card px-5">
                    <div className="row">
                        <div className="col-md-4">
                            <Thumbnail/> 
                        </div>
                        <div className="col-md-8">
                            <div className="pt-4 pb-4">
                                <h4>{props.title}</h4>
                                <p>{props.description}</p>
                                <div className="cta-wrapper">
                                     <Button onClick={props.handleVideoChange} className="btn cta-btn">Watch This Video</Button>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>
)
}

  export default Item

То, что я пробовал до сих пор:

1 - добавить гем 'rails_12factor' в производственную группу

2-set 'config.assets.compile = true' внутри # config / enviroments / production.rb

3-й вариант "установка с Heroku Run" и "установка с помощью Heroku Run"

4-ранговые "сборки пакетов heroku: добавьте heroku / ruby --index 2" & "buildpacks герою: добавьте heroku / nodejs --index 1"

до сих пор ничего из этого не получилось Я чувствую, что это просто проблема с настройкой heroku, потому что приложение определенно работает локально. Я пытался найти руководства по настройке heroku, но пока не нашел ничего полезного. Будем благодарны за любую помощь. Спасибо