最近新项目想用vuetify，add完成没报错但是页面没有任何样式..

Question

vuetify不显示任何样式

一开始以为是sass-loader没有配置好，把原来的卸了重新安装，又add了一遍vuetify，run了之后app.vue没有任何样式

配置文件

"sass": "^1.32.0",
"sass-loader": "^10.0.0",
"vue-cli-plugin-vuetify": "~2.2.0",
"vuetify-loader": "^1.7.0"

main.js

import vuetify from './plugins/vuetify';

import 'vuetify/dist/vuetify.min.css'
import '@mdi/font/css/materialdesignicons.css'

App.vue

<v-app>
  <v-navigation-drawer app>
    <!-- -->
  </v-navigation-drawer>

  <v-app-bar app color="green">
    <!-- -->
  </v-app-bar><!-- 根据应用组件来调整你的内容 -->
  <v-main>
    <!-- 给应用提供合适的间距 -->
    <v-container fluid>
      <!-- 如果使用 vue-router -->
      <!-- <router-view></router-view> -->
    </v-container>
  </v-main>

  <v-footer app>
    <!-- -->

  </v-footer>
</v-app>

难道还是sass版本过高？

Answer 1

我哭了真是...把sass-loader降到8.0 还是显示不出来样式