Module build failed (from ./node_modules/css-loader/index.js)

qqface.scss

@for $i from 1 through 3 {
  .item-#{$i} {
    width: (20px * $i);
  }
}

报错

./src/renderer/styles/qqface.scss (./node_modules/css-loader!./src/renderer/styles/qqface.scss)
Module build failed (from ./node_modules/css-loader/index.js):
Unknown word (9:11)

   7 | 
   8 | @for $i from 1 through 3 {
>  9 |   .item-#{$i} {
     |           ^
  10 |     width: (20px * $i);
  11 |   }
  12 | }

引入方式 app.vue

---

改变引入方式 不再报错 main.js

import './styles/qqface.scss'

---

不知道是为什么！