vue里面使用报错

我已经安装好sass和easysass了。

这是我的代码：

<template>

  <div class="recommend">

    <div class="item" v-for="(item,index) of recommendList" :key=index></div>

  </div>

</template>

<script>

import {getHomeRecommend} from 'api/home'

export default {

  name: 'homeRecommend',

  data () {

    return {

      recommendList: []

    }

  },

  created () {

    this.getRecommend()

  },

  methods: {

    getRecommend () {

      this.recommendList = getHomeRecommend()

    }

  }

}

</script>

<style lang="scss">

div{border:1px}

</style>

这是报错信息：

我单独使用scss文件会生成这三个文件：