Tengo componente - Header.vue

Encabezamiento:

 <template> <div> <div class="header"> </div> </div> </template> <script> export default { name: "Header" } </script> <style lang="scss"> @import "src/assets/styles/header"; </style>

Como puede ver, estoy tratando de importar un archivo scss llamado header , pero simplemente no funciona. En internet descubrí que tenía que instalar sass , node-sass y sass-loader pero no funcionó para mí. Todavía recibo error. ¿Cuál es el problema? ¿Con nombre de archivo? ¿O debería importar este archivo en otro lugar?

PD: Aquí está package.json, si pudiera ser importante:

 { "name": "asd", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build" }, "dependencies": { "core-js": "^3.6.5", "node-sass": "^6.0.1", "sass-loader": "^12.1.0", "vue": "^3.0.0" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.5.0", "@vue/cli-service": "~4.5.0", "@vue/compiler-sfc": "^3.0.0" } }