title: Refused to apply style because its MIME type ('text/html')
body: <p>I am currently working on VueJS with Webpack and SCSS. The problem I have is that whenever I try to import the SCSS file into the component:
  <code>&lt;style type="scss"&gt; @import "/sass/pages/_initial.scss";&lt;/style&gt;</code></p>
  
  <p>I get an error stating: <code>Refused to apply style from 'http://localhost:8080/sass/pages/_initial.scss' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.</code></p>
  
  <p>Therefore it's not an issue with finding the file, it finds it.
  The code there is quite simple and straightforward, just some SCSS:</p>
  
  <pre><code>#initial {
  position: relative;
  background-color: $primary-white;
  }
  
  .vid-play-one {
      width: 100%;
      height: 90%;
      overflow: hidden;
  }
  </code></pre>
  
  <p>I am puzzled as to why it might do so, the mime type should be text/css</p>