error  in ./src/components/tabbar/index.vue

Module build failed:

undefined

^

      Media query expression must begin with '('

      in E:\demo\mall\src\components\tabbar\index.vue (line 30, column 1)

 @ ./node_modules/_vue-style-loader@3.1.2@vue-style-loader!./node_modules/_css-loader@0.28.11@css-loader?{"sourceMap":true}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-72b83f71","scoped":true,"hasInlineConfig":false}!./node_modules/_sass-loader@7.2.0@sass-loader/lib/loader.js?{"sourceMap":true}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./src/components/tabbar/index.vue 4:14-461 13:3-17:5 14:22-469

 @ ./src/components/tabbar/index.vue

 @ ./node_modules/_babel-loader@7.1.5@babel-loader/lib!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=script&index=0!./src/App.vue

 @ ./src/App.vue

 @ ./src/main.js

 @ multi ./node_modules/_webpack-dev-server@2.11.5@webpack-dev-server/client?http://0.0.0.0:21910 webpack/hot/dev-server ./src/main.js

<template>

  <div id="app" class="g-container">

   <div class="g-view-container">

     <div class="router-view"></div>

   </div>

   <div class="g-footer-container">

     <CTabbar></CTabbar>

   </div>

  </div>

</template>

<script>

import CTabbar from '@/components/tabbar/index.vue';

export default {

  name: 'App',

  components:{

    CTabbar

  }

}

</script>