【5장】Rails 튜토리얼에서 Bootstrap을 도입할 수 없을 때의 해결 방법

1658 단어 Rails 튜토리얼Bootstrap루비Rails
Rails 튜토리얼의 5장에서는 Bootstrap이 아무래도 도입할 수 없고,
여러가지 한 결과 해결할 수 있었으므로, 대처법을 소개합니다.

(오류 : bootstrap-sprockets import에 실패라고 쓰여짐)


아래에 해결 방법을 올립니다.

  • Gemfile의 설명을 확인하고 다시 bundle install을 실행

    Gemfile
    source 'https://rubygems.org'

gem 'rails',          '5.1.6'
gem 'bootstrap-sass', '3.3.7'
 .
 .
 .


  • bootstrap이 정확하게 import되었는지 확인

    app/assets/stylesheets/custom.scss
    @import "bootstrap-sprockets";
@import "bootstrap";

  • rails server 재시작
  • Cloud9 재부팅

  • Gemfile과 Application.js 변경 (나는 이것으로 해결했습니다!)

    Gemfile
    # 以下を追加
gem 'autoprefixer-rails'

    app/assets/javascripts/application.js
    // 以下を追加
//= require bootstrap-sprockets

    잊지 않고 bundle install을 실행!

  • custom.scss를 custom.sass로 이름 바꾸기

    • 별로 추천하지는 않지만 아무리 해결되지 않으면
    scss 파일을 sass 파일로 변경하여 해결할 수 있습니다.

    (정상적으로 bootstrap을 도입할 수 있으면 아래와 같은 화면이 됩니다)


    이상, 참고가 되면 다행입니다!
    ransack에서 라벨 검색을 확인란 검색으로 만들고 싶습니다.
    모달에서 다른 모달 표시

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage