vue mint-ui

Question

<template>
  <div class="home-swiper">
    <div class="aaa">
          <mt-button type="default">default</mt-button>
<mt-button type="primary">primary</mt-button>
<mt-button type="danger">danger</mt-button>
    </div>


  </div>
</template>

<style scoped>

.aaa{
     height 130px;
        margin-top 1px;
}
</style>

main.js:
import Mint from 'mint-ui';
Vue.use(Mint);
import 'mint-ui/lib/style.css'; 

vue引入mint-ui后，我并没有设置按需引入，然后我在主页写了按钮的组件，这样是没错的，但是当我给按钮组件外面加上一个div后，然后给div.aaa 设置样式然后页面就报错了，看上图，请问这是怎么回事？

Answer 1

把main.js中imoprt css那一行移动到最上面试试

Answer 2

这是什么css?没有冒号:

Answer 3

就是css样式没有： 导致css-loader 报错