使用Vue.js加sass时遇到 Invalid CSS after ".xxx{": expected "}", was "{" 错误的解决方法

解决方法 1
这个问题涉及到 sass 和 scss 的区别。sass 的语法规则是一种缩进语法。而 scss 语法与 css 语法相近，使用大括号。上面那个例子中，home.vue 文件中的 style 标签，lang 属性设置成了 sass，代码如下：

<style lang="sass" rel="stylesheet/scss" scoped>

然而 style 标签里面的内容是scss，这导致了编译器报错。所以为了解决这个问题，需要把上面的代码改成如下形式：

<style lang="scss" rel="stylesheet/scss" scoped>

lang 属性变成 scss，所有关于语法的地方都设置成 scss，这样问题就解决了。

解决方法 2

卸载 node-sass 

npm  i  sass -D