title: RailsTutorial: Error after adding @import “bootstrap”
body: <p>I'm following Michael Hartl's rails tutorial (Chapter 5, section 5.1.2). The app was working fine until I followed this step, which was to create a new file: </p>
  
  <pre><code>app/assets/stylesheets/custom.css.scss
  </code></pre>
  
  <p>then add in: </p>
  
  <pre><code>@import "bootstrap";
  </code></pre>
  
  <p>I then restarted my rails server (hosted locally) and received this error message when navigating to the previously working: </p>
  
  <pre><code>http://localhost:3000/static_pages/home
  </code></pre>
  
  <p>Here is the error message that was returned:</p>
  
  <pre><code>Errno::ENOENT in StaticPages#home 
  
  Showing /Users/chows/rails_projects/sample_app/app/views/layouts/application.html.erb where line #5 raised:
  
  No such file or directory - /Users/chows/rails_projects/vendor
  (in /Users/chows/rails_projects/sample_app/app/assets/stylesheets/static_pages.css.scss)
  
  2: &lt;html&gt;
  3: &lt;head&gt;
  4:   &lt;title&gt;&lt;%= full_title(yield(:title)) %&gt;&lt;/title&gt;
  5:   &lt;%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" =&gt; true %&gt;
  6:   &lt;%= javascript_include_tag "application", "data-turbolinks-track" =&gt; true %&gt;
  7:   &lt;%= csrf_meta_tags %&gt;
  
  app/views/layouts/application.html.erb:5:in `_app_views_layouts_application_html_erb__2762850417459261999_70126593557460'
  </code></pre>
  
  <p>I'm very new to this and I'm not sure what went wrong. Would appreciate any help. Thanks!</p>