質問編集履歴
3
タイトル訂正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
RailsのCSSが反映されません！
|
|
1
|
+
RailsのCSSが反映されません！
|
test
CHANGED
|
File without changes
|
2
application.cssの変更、
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
RailsのCSSが反映されません！
|
|
1
|
+
RailsのCSSが反映されません！(_rouge.scss.erbのエラー)
|
test
CHANGED
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
このwebサイトは、gem、redcarpetとrougeを使用しています。
|
|
8
8
|
|
|
9
9
|
CSSを各ビューファイルに反映させたいです。
|
|
10
|
+
|
|
11
|
+
また、_rouge.scss.erbを使用したいです。
|
|
10
12
|
|
|
11
13
|
|
|
12
14
|
|
|
@@ -35,6 +37,22 @@
|
|
|
35
37
|
```
|
|
36
38
|
|
|
37
39
|
という一文をコメントアウトしてみたところ、先程のターミナルのエラーメッセージは消えましたが、CSSは相変わらず適用されていませんでした。ここで、エラーメッセージはどこにも表示されませんでした。
|
|
40
|
+
|
|
41
|
+
また、ファイル名を `application.scss` に書き換えてみましたが、状況は変わりませんでした。
|
|
42
|
+
|
|
43
|
+
そこで、ファイル名を `application.css` に戻し、 `/*= require rouge */` に書き換えると、
|
|
44
|
+
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
Sprockets::FileNotFound in Learnings#index
|
|
48
|
+
|
|
49
|
+
couldn't find file 'rouge' with type 'text/css'
|
|
50
|
+
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
と表示されたので確認したところ、確かに'rouge'という名前のファイルはありませんでしたが、
|
|
54
|
+
|
|
55
|
+
**/assets/stylesheets/_rouge.scss.erbは存在します。**
|
|
38
56
|
|
|
39
57
|
|
|
40
58
|
|
|
@@ -110,7 +128,15 @@
|
|
|
110
128
|
|
|
111
129
|
*/
|
|
112
130
|
|
|
113
|
-
/*
|
|
131
|
+
/*= require rouge */
|
|
132
|
+
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
#### _rouge.scss.erb
|
|
136
|
+
|
|
137
|
+
```ruby
|
|
138
|
+
|
|
139
|
+
<%= Rouge::Themes::Github.render(:scope => '.highlight') %>
|
|
114
140
|
|
|
115
141
|
```
|
|
116
142
|
|
1
ソースコード（routes.rbとapplication.css）の追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -36,6 +36,84 @@
|
|
|
36
36
|
|
|
37
37
|
という一文をコメントアウトしてみたところ、先程のターミナルのエラーメッセージは消えましたが、CSSは相変わらず適用されていませんでした。ここで、エラーメッセージはどこにも表示されませんでした。
|
|
38
38
|
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
### ソースコード
|
|
42
|
+
|
|
43
|
+
#### routes.rb
|
|
44
|
+
|
|
45
|
+
```ruby
|
|
46
|
+
|
|
47
|
+
Rails.application.routes.draw do
|
|
48
|
+
|
|
49
|
+
devise_for :users
|
|
50
|
+
|
|
51
|
+
root 'learnings#index'
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
get 'learnings' => 'learnings#index'
|
|
56
|
+
|
|
57
|
+
get 'learnings/new' => 'learnings#new'
|
|
58
|
+
|
|
59
|
+
post 'learnings' => 'learnings#create'
|
|
60
|
+
|
|
61
|
+
get 'learnings/:id' => 'learnings#show'
|
|
62
|
+
|
|
63
|
+
delete 'learnings/:id' => 'learnings#destroy'
|
|
64
|
+
|
|
65
|
+
get 'learnings/:id/edit' => 'learnings#edit'
|
|
66
|
+
|
|
67
|
+
patch 'learnings/:id' => 'learnings#update'
|
|
68
|
+
|
|
69
|
+
get '/search' => 'learnings#search'
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
get 'users/:id' => 'users#show'
|
|
74
|
+
|
|
75
|
+
end
|
|
76
|
+
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
#### application.css
|
|
80
|
+
|
|
81
|
+
```ruby
|
|
82
|
+
|
|
83
|
+
/*
|
|
84
|
+
|
|
85
|
+
* This is a manifest file that'll be compiled into application.css, which will include all the files
|
|
86
|
+
|
|
87
|
+
* listed below.
|
|
88
|
+
|
|
89
|
+
*
|
|
90
|
+
|
|
91
|
+
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
|
|
92
|
+
|
|
93
|
+
* vendor/assets/stylesheets directory can be referenced here using a relative path.
|
|
94
|
+
|
|
95
|
+
*
|
|
96
|
+
|
|
97
|
+
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
|
|
98
|
+
|
|
99
|
+
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
|
|
100
|
+
|
|
101
|
+
* files in this directory. Styles in this file should be added after the last require_* statement.
|
|
102
|
+
|
|
103
|
+
* It is generally better to create a new file per style scope.
|
|
104
|
+
|
|
105
|
+
*
|
|
106
|
+
|
|
107
|
+
*= require_tree .
|
|
108
|
+
|
|
109
|
+
*= require_self
|
|
110
|
+
|
|
111
|
+
*/
|
|
112
|
+
|
|
113
|
+
/* @import 'rouge';
|
|
114
|
+
|
|
115
|
+
```
|
|
116
|
+
|
|
39
117
|
### 補足情報（FW/ツールのバージョンなど）
|
|
40
118
|
|
|
41
119
|
|