Heroku에 배포 한 앱의보기 배경 이미지가 표시되지 않고 어려움을 겪을 때

사건

로컬 개발 환경에서는 표시되어 있던 뷰의 배경 이미지가 프로덕션 환경(Heroku)에서는 표시되지 않는다.
그렇지 않으면 성공적으로 배포되었습니다.

% git push memo-space master

    ...

remote:        Done: 88.5M
remote: -----> Launching...
remote:        Released v12
remote:        https://memo-space.herokuapp.com/ deployed to Heroku
remote: 
remote: Verifying deploy... done.
To https://git.heroku.com/memo-space.git
   c05fd9d..8919aad  master -> master

→ 배경 이미지가 표시되지 않음
배경 화상 이외는 정상적으로 배치되고 있다.

전제 조건

배경 이미지의로드는 scss 파일에 설명되어 있습니다.

시도한 것

이미지 파일을 로드하는 scss 파일 확인

app/assets/stylesheets/modules/_contents.scss

&__contents {
  @import "mixin/mixin";
  @import "contents_left";
  @import "contents_center";
  @import "contents_right";
  @import "contents_index";

  background-image:  image-url("beach.jpg");
  // background-image:  image-path("beach.jpg");
  // background-image:  asset_path("/images/beach.jpg");
  background-size:  cover;
  overflow-y: scroll;
  overflow-x: hidden;

  width: 100%;
  height: calc(100vh - 80px);
  display: flex;
}

여러 가지 시도해보십시오.

이미지 이미지를 로드하는 방법을 변경하고 다시 배포해 봅니다.

background-image:  image-path("beach.jpg");

→ 변화 없음

이미지 이미지를 읽을 때 경로 지정을 변경해 봅니다.

background-image:  asset_path("/images/beach.jpg");

→ 변화 없음

Heroku 배포 절차를 다시 시작하거나

빠지는 2시간

.gitignore 파일 보기

원인

배경 이미지를 넣는 디렉토리가 .gitignore에 배포되지 않은 것으로 나열되었습니다.