使用 vuetify v-carousel 组件时出现“无法读取未定义的属性‘t’”错误

Question

我目前正在使用 Laravel 和 Vue/Vuetify 处理图像轮播，我正在使用 Vuetify v-carousel 和 v-carousel-item 来实现这一点，除了由于标题中的错误轮播没有呈现。

我已经根据 vuetify 文档正确初始化了我的 Vuetify 实例（我认为）

--下面的代码适用于我的 app.js--

import Vue from 'vue'

import Vuetify, {VCarousel} from 'vuetify/lib'

Vue.component('example-component', require('./components/ExampleComponent.vue').default);

Vue.use(Vuetify, {

    components: {

      VCarousel,

    },

  })

// export default new Vuetify({})

const app = new Vue({

}).$mount('#app');

--下面的代码是针对使用轮播的组件的--

<template>

    <v-carousel>

      <v-carousel-item v-for="(slide, i) in slides" :src = "slide.content " :key=i>

      </v-carousel-item>

      <v-carousel-item>

          <!-- <v-playback autoPlay :url = "video" :type="video/mp4" :width = "720" @play = "pauseCarousel" @pause = "playCarousel" ref = 'videoPlayer'></v-playback> -->

      </v-carousel-item>

    </v-carousel>

</template>

这给了我这个错误

[Vue warn]: Error in render: "TypeError: Cannot read property 't' of undefined"

found in

---> <VCarousel>

       <ImageCarousel> at resources/js/components/ImageCarousel.vue

         <ExampleComponent> at resources/js/components/ExampleComponent.vue

           <Root>

Answer 1

我将继续假设您使用的是 Firefox使用 vuetify v-carousel 组件时出现“无法读取未定义属性 't'”错误这种类型的错误常见于&nbsp;火狐&nbsp;因为它无法正确读取转译项目的源映射，从而导致该错误。我在打字稿项目中遇到了同样的问题。我建议（现在）切换到&nbsp;铬合金用于调试，这将为您提供更详细的真实错误消息。