VueJS 2-无法使用应用程序中导入文件中的变量。vue文件

一定有一个非常简单的解决方案,我什么都试过了。

应用程序。vue 文件

<style lang="scss" scoped>
 @import 'src/assets/styles/_variables.scss'
 img {
    height: $height;
 }

</style> 

_变量。scss公司 文件

height: 27px;

即使我搬家 img { height: $height; } 我仍然收到一个错误。为了我的生命,我只想 $height 从导入的scss文件。这一定很简单吧?

此屏幕截图中出现错误: screenshot of error 原始错误:

ERROR in ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"id":"data-v-06ade8f3","scoped":false,"hasInlineConfig":false}!./~/sass-loader/lib/loader.js?{"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue
Module build failed: 
  img {
  ^
      Invalid CSS after "img": expected 1 selector or at-rule, was "{"
      in /Applications/MAMP/htdocs/vuejs-portfolio/src/App.vue (line 63, column 4)