使用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