title: Angular 2 background image not rendering
body: <p>I have an Angular 2 app that has a single component currently.
  For the entire page, I want to render a background image on the page. I have done the following:
  <code>app.component.html</code></p>
  
  <pre><code>&lt;dashboard class="dash"&gt;&lt;/dashboard&gt;
  </code></pre>
  
  <p><code>app.component.css</code></p>
  
  <pre><code>.dash {
      background-image: url("../assets/images/background/sligo.jpg");
  }
  </code></pre>
  
  <p>in the dev tools in chrome, the image is showing up, but on the actual view, it still shows a blank screen. What am I missing?
  The below snip shows the console output and the main view.</p>
  
  <p><a href="https://i.stack.imgur.com/QIycl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QIycl.png" alt="enter image description here"></a></p>
  
  <p>Additional info; here's a snip of my package.json and the folder structure<a href="https://i.stack.imgur.com/OqBaW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OqBaW.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/VeCU5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VeCU5.png" alt="enter image description here"></a></p>