vue 的.vue文件中写局部sass报错 Invalid CSS after ".sass{": expected "}", was "{"

我项目的报错信息如下：

error  in ./src/component/tree/sortable.vue

Module build failed:
    .hello {
       ^
      Invalid CSS after ".hello {": expected "}", was "{"
      in D:\test\element2.0\learning3.0\src\component\tree\sortable.vue (line 350, column 9)


 @ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":true}!./~/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-fbc11e94","scoped":true,"hasInlineConfig":false}!./~/sass-loader/lib/loader.js?{"indentedSyntax
":true,"sourceMap":true}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/component/tree/sortable.vue 4:14-430 13:3-17:5 14:22-438
 @ ./src/component/tree/sortable.vue
 @ ./src/router/route.js
 @ ./src/main.js

 @ multi ./build/dev-client babel-polyfill ./src/main.js

 

.vue文件相关代码：

解决：