Q&A
「エラー画面」のリンクを押したら「VFS connection does not exist」と出てきたのですが、そのメッセージで間違いないですか？
railsチュートリアル
railsチュートリアルの内容通りに実施したが、エラーの表示が”全く変わらない”エラーが表示された。
HTML、cssなど必要な情報は漏れなく記入し、サイトの機能やデザインなども問題なく作動し、完成させることができた。
その後、コミット、マージ、プッシュをする場面。
【手順】
railsチュートリアルの説明通りにコーディング終了
↓
rails tはGREEN、エラーなどなし
↓
保存したいため以下の操作を実施
$ git add -A
$ git commit -m "Finish layout and routes"
$ git checkout master
$ git merge filling-in-layout
↓
rails tはGREEN
詳細には、$ git merge filling-in-layoutをすることでエラーが発生し、
また、sample_app(master)$ が sample_app(master|MARGIN)$に変わります。
（マージン中なのでしょうか？）
この時、競合が発生していますが、チュートリアルの内容と一致するような選択をしています。
（HARD、filling）
チュートリアルには、rails tがGREENならプッシュするとあるが、サイトの見た目がエラーついているので、保存しても完成とは言えない。
メンターなど、他に質問しても解決できなかったので、質問させていただきました。
コーディングはできているので、gemというよりは、import周りなのかもと考えてはいますが、結局わかりませんでした。
回答1件
0
エラーメッセージのとおりです。color: ;はCSSとして成立していません。
投稿2020/06/30 09:38
総合スコア145183
カラーは選択していますが、なぜかエラー画面にだけ表示されないんですよね、、
gray-lightはeaeaeaです。
h2 {
font-size: 1.2em;
letter-spacing: -1px;
margin-bottom: 30px;
text-align: center;
font-weight: normal;
color: $gray-light;
}
> gray-lightはeaeaeaです。
きちんと変数宣言も読み込ませていますか？
変数定義でしたらしています。
$gray-medium-light: #eaeaea;
$gray-light: #eaeaea;
その定義は、color: の行と同じファイルに書いていますか？
コピペしたので問題ないとは思いますが、
対象は、scss全てになっていると思います。
@import "bootstrap-sprockets";
@import "bootstrap";
/* mixins, variables, etc. */
$gray-medium-light: #eaeaea;
$gray-light: #eaeaea;
/* universal */
body {
padding-top: 60px;
}
section {
overflow: auto;
}
textarea {
resize: vertical;
}
.center {
text-align: center;
h1 {
margin-bottom: 10px;
}
}
/* typography */
h1, h2, h3, h4, h5, h6 {
line-height: 1;
}
h1 {
font-size: 3em;
letter-spacing: -2px;
margin-bottom: 30px;
text-align: center;
}
h2 {
font-size: 1.2em;
letter-spacing: -1px;
margin-bottom: 30px;
text-align: center;
font-weight: normal;
color: $gray-light;
}
これなら動くはずですし…変ですね。
おかしいですよね
まず、scssの中身を変えてもエラーが一切変わらないんですよね。
importあたりかなとも思いましたが、特にこれといったことは、、、
１度importでエラーありましたが、解決したので大丈夫だと思います。
> まず、scssの中身を変えてもエラーが一切変わらないんですよね。
どこかにキャッシュが残っているとか、あるかもしれないですね。
キャッシュについて調べてみます。
分かり次第、またメッセージ送らせていただきます
<link rel="stylesheet" href="/stylesheets/custom.scss?version=">
今回に限らず、relはファイル名、hrefはどこから引っ張って来るものですか？
バージョンなのでgemですか？
> relはファイル名
違います。relはリンク先の種類指定なので、スタイルシートならstylesheet固定です。
…そもそも、assets/以下のものを使う場合は直接<link>を書かず、stylesheet_link_tagを使うのが適切です。
すいません、使い方がわかりません。
詳しく教えていただきたいです。
こちらで解決しました。
あなたの回答
tips
プレビュー
