2015-12-20 4 views
1

Я не могу понять, как добавить CSS в мой код Ruby On Rails.Как добавить CSS в Ruby On Rails?

Это мой файл index.html.erb, где я пытаюсь включить таблицу стилей.

<!DOCTYPE html> 

<html> 

    <head> 
     <%= stylesheet_link_tag "app\assets\stylesheets\welcome.scss" %> 
    </head> 

    <body> 
     <h1>Welcome To Dot</h1> 
     <p>Make Life Easier</p> 
    </body> 
</html> 

Внутри папки активов \ Стилей У меня есть welcome.scss файл:

h1{ 
    font-size:30px; 
    font-weight: bold; 
    font-family: fantasy; 
    color: darkgoldenrod; 
    text-align: left; 
} 

Тело показывает вверх, но не имеет какой-либо стиль.

application.html:

<!DOCTYPE html> 
<html> 
<head> 
    <title>Dot</title> 
    <%= stylesheet_link_tag 'default', media: 'all', 'data-turbolinks-track'  => true %> 
    <%= javascript_include_tag 'default', 'data-turbolinks-track' => true %> 
    <%= csrf_meta_tags %> 
</head> 
<body> 

<%= yield %> 

</body> 
</html> 

Когда оставить его по умолчанию, я не вижу CSS в моем коде. Когда я меняю его на приложение, я получаю ошибку.

+0

Удалить приложение/активы. из тега ссылки таблицы стилей – axlj

+2

Возможный дубликат [Как использовать CSS с рубином на приложении rails?] (http://stackoverflow.com/questions/804961/how-do-i-use-css-with-a- ruby-on-rails-application) –

+0

Теперь я получаю: ExecJS :: ProgramError в индексе Welcome #. Когда я ищу эту проблему, он говорит мне изменить файл application.html и сделать параметры «по умолчанию», но я уже это сделал. – Mike

ответ

2

Вы должны написать:

<%= stylesheet_link_tag "welcome" %> 

Пожалуйста, обратите внимание проходящие через Rails направляет на Asset pipeline, что разработать на использовании хелперы активов для включения активов в HTML-страницы.

+0

Теперь я получаю: ExecJS :: ProgramError в индексе Welcome #. Когда я ищу эту проблему, он говорит мне изменить файл application.html и сделать параметры «по умолчанию», но я уже это сделал. – Mike

+0

Пожалуйста, отправьте полный ответ. – lorefnon

0

Вы должны иметь <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> в файле layouts/application.html.erb. Вам не нужно помещать в другие теги css. Доходность выполняется. application.html.erb загружается в любое представление вашего приложения.

+0

Когда я изменил 'default' на 'application', я получаю ExecJS :: ProgramError в Welcome # index – Mike

+0

Знаете ли вы, что я должен делать? – Mike

0

Вы должны удалить таблицу стилей тег на вашем index.html.erb и в вашем application.html.erb Есть таблица стилей ссылок тег так: <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>. - если это не поможет, вы должны проверить, что написано после application/default <filename>.css SCSS не должны быть написаны на данный момент .. <filename>.scss Это работало для меня

Смежные вопросы