環境
macOS Catalina 10.15.7
Ruby on Rails 6.0.0
RSpec 4.0.1
pry rails 0.3.9
エラー内容
RSpecで visit root_pathを実行したタイミングでエラーが発生した。
console
Failure/Error: <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
ActionView::Template::Error:
Invalid CSS after "...kground-color: ": expected expression (e.g. 1px, bold), was "##253141;" #(sass):8
#./app/views/layouts/application.html.erb:8:in `_app_views_layouts_application_html_erb__1634657128219108166_70256618570500'
#------------------
#--- Caused by: ---
#Sass::SyntaxError:
#Invalid CSS after "...kground-color: ": expected expression (e.g. 1px, bold), was "##253141;"
#(sass):8
デフォルトで app/views/layouts/application.html.erbに記述されている、外部スタイルシートを指定するリンクタグを生成するメソッドを読み込んだタイミングでエラーが発生している。
対処
エラー内容をみると、Invalid CSSとなっている。##253141;というtypoがあるようなので、VSCodeの文字列検索で探してみる。
messages.css
.side-bar{width:300px;height:100vh;background-color:##253141;}あった。
#を一つ消し、visit root_pathが正しく動作することを確認できた。
今回、VSCodeの検索機能を初めて使用したが、めちゃくちゃ便利なので、今後も使っていきたい。