使用webpack构建vue-cli项目,写scss脚本语言报错

最近在做一个项目,项目的后端是地址: https://github.com/wangyuanjun008/wyj-springboot-security.git

前端地址是 https://github.com/wangyuanjun008/wyj-vue-security.git ,使用的前端语言是vue,但是我在使用webpack构建vue项目的时候，使用scss脚本语言是报错,错误如下:

error  in ./src/components/home.vue

Syntax Error: Unclosed block

@ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":false}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-7cbbe74f","scoped":false,"hasInlineConfig":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0&bustCache!./src/components/home.vue 4:14-317 13:3-17:5 14:22-325
@ ./src/components/home.vue
@ ./src/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

后来上网查询，如果你需要使用sass/scss定义样式，那么为了能正常编译，还需要做如下配置：　

//因为sass-loader依赖于node-sass，所以还要安装node-sass
npm install --save-dev node-sass
//在项目下，运行下列命令行
npm install --save-dev scss-loader
npm install --save-dev sass-loader

因为资源是到国外下载的，如果长时间未响应或者报错，可以试用淘宝镜像

npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass