HAML / SASS 개발을 위해 방랑자를 사용할 때 이미지 디스플레이 / 삭감 문제

Question

Mac OSX (Snow Leopard)에서 VAGRANT / VirtualBox VM을 사용하여 로컬로 실행중인 Rails App에 Haml / Sass 변경 사항을 작성하고 이미지를 변경할 때마다 정말 이상한 문제가 발생합니다. HAML / SASS 파일에서 참조됩니다.

여기에 일어나는 일의 예입니다.

• 내 브라우저에서 로컬 레일 앱 페이지를 열고 모든 이미지가 올바르게 표시됩니다
• 김프를 사용하여 이미지를 작게 만들고 변경 사항을 작게 저장합니다
• 이 페이지를 새로 고침하여 변경 사항과 원본 이미지가 여전히 표시되고 있지만 하단이 이미지를 얼마나 작게 만들었는지 에 비례하여 잘라냅니다.
• 디렉토리에서 이미지 파일을 제거하고 하드웨어를 눌러 무슨 일이 발생하는지 확인합니다.
• 때로는 원래의 컷오프 이미지가 여전히 있지만 때로는 사라지고 누락 된 이미지 경로 아이콘 를 볼 수 있습니다.
• 이미지 파일을 다시 디렉토리로 이동하여 시도하고 재 사이징 를 픽업합니다.
• 때때로 이것은 처음으로 작동합니다. 때로는 크기가 올바르게 크기가있는 이미지를보기 전에 3 ~ 4 번해야합니다
• 페이지를 새로 고침 한 후에도 오래된 이미지를 다시 나타나는 옛 이미지가 다시 나타나는 것을 볼 수 있습니다!

  동일한 문제가 이미지 파일을 다른 변경 사항을 작성하는 경우 (예를 들어 동일한 파일 이름을 가진 완전히 새로운 이미지를 저장하는 경우). 이 이미지 문제 외에도 haml / sass 파일에 대한 모든 편집이 작동하며 즉시 내 변경 사항을 확인할 수 있습니다.

  나는 그것이 몇 가지 종류의 브라우저 렌더링 / 캐싱 문제일지도 모르지만, 파이어 폭스와 크롬에서 유사한 문제가 발생합니다. Firebug를 사용하는 경우 때로는 올바른 파일이 픽업되고 있지만 페이지 자체에 표시되지 않습니다.

  나는 이것이 방랑하는 것과 관련이 있다고 생각할 수 있습니다. 완전히 수정할 수있는 유일한 것은 전환 한 상자를 억제하지만 오랜 시간이 걸립니다.

  나는 이것이 단순한 문제가 될 수 없다는 것을 알지 못할 것임을 깨닫지 못할 수도 있습니다. 그러나 VAGRANT / VirtualBox의 구성과 관련이 있지만 다른 사람이 비슷한 경우를 대비하여 문제를 게시 할 것으로 생각했습니다. 문제.

  감사합니다!

Answer 1

What you're probably seeing is an issue that the VirtualBox shared folder filesystem has along with the sendfile syscall. You need to disable the use of sendfile on your webserver if you're serving files from a VirtualBox shared folder. Doing this is easy:

In Apache, add this to your configuration: EnableSendfile off

In Nginx, add this to your configuration: sendfile off;