title: angular 6 scss background image not being read
body: <p>In my angular 6 app I have the following in my scss file:</p>
  
  <pre><code>.pictureplaceholder{
    background-image: url("assets/images/profilepictureplaceholder/PersonPlaceholder.png");
  }
  </code></pre>
  
  <p>that is the correct path to the resource.  yet I get this error.</p>
  
  <pre><code>ERROR in ./src/app/venueadmin/parentadminview/venueuserprofile/venueuserprofile.component.scss
  (Emitted value instead of an instance of Error) CssSyntaxError: /home/rickus/Documents/softwareProjects/211hospitality/suitsandtables/frontend/fixedsuitsandtables/src/app/venueadmin/parentadminview/venueuserprofile/venueuserprofile.component.scss:11:20: Can't resolve 'assets/images/profilepictureplaceholder/PersonPlaceholder.png' in '/home/rickus/Documents/softwareProjects/211hospitality/suitsandtables/frontend/fixedsuitsandtables/src/app/venueadmin/parentadminview/venueuserprofile'
  
     9 | 
    10 | .pictureplaceholder{
  &gt; 11 |   background-image: url('assets/images/profilepictureplaceholder/PersonPlaceholder.png');
       |                    ^
    12 | }
    13 | 
  </code></pre>
  
  <p>My other images that are in the assets folder are working. Very strange. Anyone know what this is?</p>