[VUE.JS] VUE.JS STYLE ERROR

components에 추가 생성한 vue 파일에 style 적용시 오류 발생

// FruitList.vue

<template>
  <li>{{ name }}</li>
</template>

<script>
  export default {
    props: {
      name: {
        type: String,
        default: ''
      }
    }
  }
</script>

<style scoped lang="scss">
  h1 {
    color: red;
  }
</style>

 

webpack.config.js에서 style-loader 주석으로 해결