2012-06-11 2 views
1

"레일즈 애자일 웹 개발"(4 판, 레일즈 3)에서 레일즈를 배우고 있으며 적용 할 스타일 시트를 얻는 데 문제가 있습니다. 물론 그런Rails 3.2.5 스타일 시트가 적용되지 않음 - 초보자

rails generate scaffold Product title:string description:text image_url:string price:decimal 

: 빨리 내가 ​​지금까지 무엇을했는지를 안내하기 위해, 나는 첫번째 발판을 생성 그때 일부 데이터를로드 할 dB/seeds.rb 파일을 사용

rake db:migrate 

제품 테이블에. localhost : 3000/products를로드하면 모든 것이 잘 작동합니다. 내가 로컬 호스트를로드 할 때, 이제

.products { 
    table { 
    border-collapse: collapse; 
    } 
    table tr td { 
    padding: 5px; 
    vertical-align: top; 
    } 
.list_image { 
    width: 60px; 
    height: 70px; 
    } 
    .list_description { 
    width: 60%; 

    dl { 
     margin: 0; 
    } 
    dt { 
     color:  #244; 
     font-weight: bold; 
     font-size: larger; 
    } 
    dd { 
     margin: 0; 
    } 
    } 
    .list_actions { 
    font-size: x-small; 
    text-align: right; 
    padding-left: 1em; 
    } 
    .list_line_even { 
    background: #e0f8f8; 
    } 
    .list_line_odd { 
    background: #f8b0f8; 
    } 
} 

: 스타일 시트가 applied.I 수 있습니다되지 않는 3000/제품을 지금, 나는이 책이 발판에 의해 생성 된 products.css.scss 파일로 제공하는 스타일 시트 코드를 복사 inspect 요소의 스타일 시트를 보지만 적용되지 않습니다. 나는 상상할 수있는 모든 것을 시도했다. 나의 새로운 스타일 시트 (products.css.scss가) 자산/스타일/디렉토리에있는 점을 감안

<%= stylesheet_link_tag "application", :media => "all" %> 

, 그것은로드해야한다 : 첫째로, 나는이 코드 줄 내 application.html.erb에 있었다 확인했다 . localhost : 3000/products에서 요소를 검사 할 때 실제로 스타일 시트가 표시되지만 적용되지 않습니다. 내가 시도한 다음 작업은 실행 중이었습니다.

성공하지 못했습니다. public/assets 디렉토리를 삭제 한 후,이 코드 줄이 config/application.rb 파일에 있음을 확인했습니다.

그렇습니다. 다음으로 자산/stylesheet/application.css 파일로 이동하여 다음 코드 줄을 추가하려고 시도했습니다.

*= require products 

다시 한번 성공하지 못했습니다. 마지막으로 서버를 다시 시작하여 효과가 있는지 확인했습니다. 다시 실패하십시오. 나는 여기서 막 다른 길에 서있다. 저는이 문제에 대해 너무나 불만스럽고 좌절함에 따라이 문제에 대한 모든 의견을 보내 주시면 감사하겠습니다.

+0

나는 몇 시간 전에 같은 질문 [http://stackoverflow.com/questions/10987100/stylesheet-error-ruby-on-rails-newbie]이라고 생각한다. 누군가 당신에게 말했다. 15 번 줄의 공간을 없애고 문제가 해결되었다고 말 했잖아요. 같은 문제가 있어도 이전 질문을 다시해야한다고 생각합니다. 내가 틀렸다면, 그 점에 대해 사과드립니다 ... – gabrielhilal

+0

아니요, 그것의 다른 질문. 혼란이 생겨서 죄송합니다. 내 이전 질문은 스타일 시트를로드하는 것과 관련되었다. 이제로드 중입니다 (오류가 표시되지 않음). 적용되지 않습니다. – flyingarmadillo

답변

0

나는 대답을 알아 내는데 단지 시간을 보냈다. 그 이후로 똑같은 문제가 나 자신에게 있었다. application.css.sass로 이동하여

/* ... 
*= require_self 
*= require_tree . 
*/ 

이 포함되어 있는지 확인하십시오. apps/assets/stylesheets에있는 다른 모든 .css.sass를 자동으로로드 한 다음 public/assets/stylesheets에 미리 컴파일하여 1 개의 statis css 파일로 만들어 브라우저에 제공합니다.

+0

당신은 application.css를 의미합니까? 내가 그 선을 가지고 있기 때문에. 그러나/* 문자는 주석 행을위한 것이 아닙니까? –

0

잘 작동할지는 모르겠지만 .csss를 제거해보십시오. 그냥 products.scss를 유지하십시오. 또한 아주 단순한 스타일을 얻고 그것이 작동하는지 확인하십시오. 또는 인라인으로 볼 수도 있습니다.

관련 문제