语法错误: Unexpected token, expected "," (1:296)

报错如下

Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js):  
语法错误: Unexpected token, expected "," (1:296)  
at pages\cate\cate.vue:1

vue语法代码如下，为什么会报错？不应该这样写法？还是说是bug?

<template>  
  <view>  
    <!-- 分类页面 -->  
    <view class="classify-view-container">  
      <!-- 左侧 -->  
      <scroll-view  
        class="letft-scroll-view"  
        scroll-y="true"  
        :style="{ height: letftHeight + 'px' }"  
      >  
        <view  
          v-for="(item, index) in categoriesList"  
          :key="index"  
          @click="activationitem(index)"  
          :class='{ letft-scroll-view-item Activation===index ? Active : "" }'  //就是这行报错，哪里不对吗？不应该这样写吗？  
        >  
          {{ item.cat_name }}  
        </view>  
      </scroll-view>  
      <!-- 右侧 -->  
      <view  
        class="right-scroll-view"  
        scroll-y="true"  
        :style="{ height: letftHeight + 'px' }"  
      >  
        <scroll-view>2222</scroll-view>  
        <scroll-view>2222</scroll-view>  
        <scroll-view>2222</scroll-view>  
        <scroll-view>2222</scroll-view>  
        <scroll-view>2222</scroll-view>  
      </view>  
    </view>  
  </view>  
</template>  

<script>  
export default {  
  data() {  
    return {  
      // 商品分类数据  
      categoriesList: [],  
      // 激活选中项  
      Activation: 0,  
      // 动态滚动高度  
      letftHeight: 0,  
      isActive: 0,  
    };  
  },  
  onLoad() {  
    this.getCategories();  
    this.getHeight();  
  },  
  methods: {  
    async getHeight() {  
      // 动态获取可使用窗口高度  
      const windowInfo = await uni.getWindowInfo();  
      console.log(windowInfo.windowHeight);  
      this.letftHeight = windowInfo.windowHeight;  
    },  
    async getCategories() {  
      const { data: res } = await uni.$http.get(`categories`);  
      if (res.meta.status == 200) {  
        this.categoriesList = res.message;  
        console.log(res);  
      } else {  
        uni.$showMessage('数据请求失败', 5000, 'error');  
      }  
    },  
    activationitem(index) {  
      this.Activation = index;  
      console.log(this.Activation);  
    },  
  },  
};  
</script>  

<style lang="scss">  
.classify-view-container {  
  display: flex;  

  .letft-scroll-view {  
    width: 115px;  

    .letft-scroll-view-item {  
      background-color: #f7f7f7f7;  
      text-align: center;  
      line-height: 60px;  
      font-weight: 700;  

      & .Active {  
        background-color: pink;  
      }  

      // .title-text-item {  
      //   background-color: red;  
      // }  
    }  
  }  

  .right-scroll-view {  
    flex: 1;  
    // background-color: red;  
  }  
}  
</style>