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

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을 도입할 수 있으면 아래와 같은 화면이 됩니다)


이상, 참고가 되면 다행입니다!