Ruby on Rails Template 질문


템플렛을 이용해 홈페이지를 제작하려고 했습니다.

템플렛에는 assets 폴더 안에 css, fonts, img, js, sass 폴더들이 있었습니다.

그래서 템플렛에 있는 css, sass 폴더들을 Ruby on Rails 프로젝트 디렉토리 App/assets/stylesheets 에 집어 넣고, js 폴더에 있는 내용을 App/assets/javascript에 넣었습니다.

그리고 프로젝트를 실행시켜보니 이미지 이런 에러가 떴습니다.

https://ide.c9.io/bee0005/aaaaaaaaaaa#openfile-README.md

c9 에서 작업을 하고 있었습니다. 꼭 이 템플렛을 쓰고 싶은데 너무 답답합니다

  • 2016년 07월 19일에 작성됨

조회수 160


1 답변


c9가입을 해야해서 자세히 보지는 못했습니다만 올려주신 에러로만 봤을때는 $bg-info 변수가 선언되어 있지 않아서 나는 에러입니다. $bg-info가 들어있는 파일이 빠진것은 아닌지 확인해보세요.

  • 2016년 07월 20일에 작성됨
    안드로이드, 루비온레일즈

  • 찾아보면 $bg-info 변수가 선언된 css파일도 들어있습니다ㅜㅜ... 템플릿에 있는 CSS파일들을 그대로 가져왔습니다.    bee0005   2016.7.20 01:46     
  • 혹시 app/assets/stylesheets 에 폴더별로 들어가있나요? 그렇다면 application.css에서도 'require 경로'를 해주어야합니다. ^^     송주연   2016.7.20 01:53     
  • app/assets/stylesheets 에 폴더에 css, sass 폴더로 저장 하였습니다. 'require 경로'를 할 때 경로에 모든 css,scss파일에 대해 require해줘야하는건가요??    bee0005   2016.7.20 01:55     
  • stylesheets안에 폴더가 있으면 *= require_directory ./폴더명 이렇게 해주면됩니다. stylesheets안에 파일로 들어가있다면 *= require 파일명 해주시면되구요.     송주연   2016.7.20 02:08     
  • 폴더만 정해주면 다 import됩니다.     송주연   2016.7.20 02:24     
  • 혹시 stylesheets 폴더안에 파일을 require하려면 *=require ./sass/ct-paper.scss 이렇게 디렉토리뒤에 파일명 쓰면되나요??    bee0005   2016.7.20 02:24     
  • $bg-info 가 정의된 css가 들어있는 폴더를 require했는데 똑같은 오류가 뜨더라고요... 혹시 require해서 import된 파일들의 순서에 상관이 있는걸까요?    bee0005   2016.7.20 02:27     
  • 넵. 순서 상관있습니다. 변수가 선언되어 있는 파일이 제일 먼저 정의되어 있어야 나중에 정의된 파일에서 읽을 수 있습니다. 순차적으로 읽어요.    송주연   2016.7.20 02:29     
  • 지금 변수가 선언된 scss파일은 stylesheets/sass/ct-paper/_variables.scss 파일입니다. 그러면 *= require ./sass/ct-paper/_variables.scss 이렇게 application.css에 선언해주면 되는거 아닌가요??    bee0005   2016.7.20 02:30     
  • 앞에 _가 붙은 것은 partial 파일로 variables를 필요로 하는 파일에 @import "variables"가 되어있어야 합니다. @import되어 있는지 확인해보세요.    송주연   2016.7.20 02:51     
  • 그러게요... @import 'variables'하면 다른 오류로 넘어가는데... 거의 모든게 undefined뜨네요.. 템플렛 sass파일안에 _로 시작하는 scss파일들이 20개정도 있는데 모두 그렇게 해줘야 하는건가요 ㅠㅠ?    bee0005   2016.7.20 10:55     
  • 사용하는 변수들이 있다면 모두 import해줘야 합니다.    송주연   2016.7.21 09:07     
  • 친절하게 가르켜주셔서 감사합니다!!!    bee0005   2016.7.21 13:30     

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close