vue中使用sass-loader后括号分行就报错

Question

用vue-cli构建的目录，在webpack.config.js中添加了sass-loader，然后执行npm run dev的时候出现了这个错误

<style lang="sass" scoped >
$vueColor: #42b983;
h1 { 
  color: $vueColor;
}
</style>

我把代码改成｛｝在同一行（如下形式）报错就消失了

<style lang="sass" scoped >
$vueColor: #42b983;
h1 { color: $vueColor;}
</style>

这个是什么原因，我要怎样修改里面的文件或者配置可以允许｛｝分行写？

Answer 1

sass 可以不用'{}'的啊，
我记得 只有文件名了.sass的时候 要加{}

Answer 2

改成lang="scss"解决了！！！

<style lang="scss" scoped >
$vueColor: #42b983;
h1 { color: $vueColor;}
</style>