Vuetify 未在 Laravel 中应用

Question

我在我的 Laravel 项目中安装了 Vuetify，但没有一个 v- 类在工作。但是控制台中没有错误。这是 app.js 文件：

require('./bootstrap');

window.Vue = require('vue');

import Vuetify from 'vuetify'

Vue.use(Vuetify);

Vue.component('container-component', require('./components/ContainerComponent.vue').default);

Vue.component('index-component', require('./components/IndexComponent.vue').default);

const vuetify = new Vuetify();

const app = new Vue({

    el: '#app',

    vuetify

});

以及未应用 vuetify 的示例组件：

<template>

    <v-btn>BUTTON</v-btn>

</template>

<script>

    export default {

        name: "IndexComponent"

    }

</script>

<style scoped>

</style>

我只是用一个按钮来测试它是否工作。

Answer 1

当你创建你的 Vue 实例时，你还必须创建一个新的 Vuetify 实例。const app = new Vue({&nbsp; &nbsp; el: '#app',&nbsp; &nbsp; vuetify: new Vuetify()});我建议你在导入 Vuetify 后也添加这个：import 'vuetify/dist/vuetify.min.css'