Vue.js Vuetify&；Vue-无法读取属性'；rtl&x27；未定义的

这只发生在我的Vuetify表单上。现在我的表单将不会呈现，所有其他组件都很好。我甚至试着加入一个

v-show=“true”

，但那没有帮助

只需翻到表单所在的最后一页

奇怪的是，我有一个不同的应用程序，它的代码几乎完全相同，而且工作正常。我使用的是Vuetify和Vue的最新版本

这是我的表格：

语言
在下面输入您的AMAZON凭据
更新您的凭据
取消
保存您的凭据
{{bad_credentials}}
{{观看视频}
从“../packs/application.js”导入{dataShare}；
从“axios”导入axios；
从“vuelidate/lib/validators”导入{required}；
导出默认值{
验证：{
卖方id:{required}，
所选_市场：{必需}，
令牌：{required}，
所选区域：{required}
},
数据：函数（）{
返回{
显示取消按钮：真，
错误：错误，
糟糕的凭据：“哦，不！你的亚马逊凭据不正确。你能再试一次吗？”，
观看视频：“确保在右上角观看我们的视频”，
有效：对，
错误表：错误，
卖方id:“”，
令牌：“”，
选定的分区：[]，
所选市场：空，
柜台:1,，
减法器：1，
wrapCounter:1，
区域：[]，
市场：[
{文本：“澳大利亚”，值：“A39IBJ37TRP1C6”}，
{文本：“加拿大”，值：“A2EUQ1WTGCTBG2”}，
{文本：“法国”，值：“A13V1IB3VIYZZH”}，
{文本：“德国”，值：“A1PA6795UKMFR9”}，
{文本：“意大利”，值：“APJ6JRA9NG5V4”}，
{文本：“墨西哥”，值：“A1AM78C64UM0Y8”}，
{文本：“西班牙”，值：“A1RKKUPIHCS9HS”}，
{文本：“联合王国”，值：“A1F83G8C2ARO7P”}，
{文本：“美国”，值：“ATVPDKIKX0DER”}，
],
};
},
创建（）{
让自我=这个；
get（'/return\u zone\u info'）。然后（response=>{
response.data.forEach（函数（区域）{
如果（选定区域）{
var zone_selected_hash={text:zone.zone_name，value:zone.bc_zone_id}；
self.selected\u zones.push（zone\u selected\u hash）；
}
var zone_hash={text:zone.zone_name，value:zone.bc_zone_id}；
self.zones.push（zone_hash）；
});
});
get（'/return\u amazon\u credentials'）。然后（response=>{
this.seller\u id=response.data.seller\u id；
如果（this.seller\u id==“”）{
this.show\u cancel\u button=false；
}
此按钮显示取消按钮；
this.selected_marketplace=response.data.marketplace；
this.token=response.data.auth_token；
});
},
计算：{
sellerIdErrors（）{
常量错误=[]
如果（！this.$v.seller\u id.$dirty）返回错误
！this.$v.seller\u id.required&&errors.push（'请输入您的亚马逊卖家id'）
返回错误
},
marketplaceErrors（）{
常量错误=[]
如果（！this.$v.selected\u marketplace.$dirty）返回错误
！this.$v.selected\u marketplace.required&&errors.push（'请选择您的亚马逊市场'）
返回错误
},
标记错误（）{
常量错误=[]
如果（！this.$v.token.$dirty）返回错误
！this.$v.token.required&&errors.push（'请输入您的Amazon身份验证令牌'）
返回错误
},
区域错误（）{
常量错误=[]
如果（！this.$v.selected_zones.$dirty）返回错误
！this.$v.selected\u zones.required&&errors.push（'请至少选择一个装运区以添加此费率'）
返回错误
},      
},
方法：{
formCheckAndSend（）{
这个。$v.$touch（）；
如果（！this.$v.$invalid）{
这个。sendAmazonCreds（）；
}
},
sendBackToSpeeds（）{
数据共享。$emit（'whereToGo'，'speeds'）；
},
removeCounter（）{
dataShare.$emit（'removeComponent'，this.subtractor）；
},
addCounter（）{
这个.counter++；
dataShare.$emit（'addComponent'，this.counter）；
var allwrap=document.getElementsByClassName（“应用程序--wrap”）；
var classToRemove=allwrapps[this.wrapCounter]；
classToRemove.classList.remove（“应用程序——包装”）；
这个.wrapCounter++；
},
sendAmazonCreds（）{
常量AmazonCreds={
卖方id:this.seller\u id，
marketplace:this.selected_marketplace，
身份验证令牌：this.token，
};
让自我=这个；
post（'/amazon\u credentials\u check'，AmazonCreds）。然后（response=>{
var creds_status=response.data.u亚马逊信誉好吗；
if（creds\u status==真）{
数据共享。$emit（'whereToGo'，'speeds'）；
这是sendZones（）；
}
if（creds\u status==false）{
self.error\u sheet=true；
self.credentials\u bad=true；
}
});
},
sendZones（）{
const SelectedZones={
区域信息：此为所选区域
};
axios.post（'/receive_zone_info'，SelectedZones）；
}
}
};  
.芯片内容{
背景色：#273a8a！重要；
颜色：白色！重要；
}
.走近点{
利润率顶部：-15px！重要；
}

编辑：

import Vue from 'vue/dist/vue.esm';
import App from '../components/app.vue';
import Vuetify from 'vuetify';
import Clipboard from 'v-clipboard';
import Vuelidate from 'vuelidate';
import 'vuetify/dist/vuetify.min.css';


Vue.use(Vuelidate);
Vue.use(Clipboard);
Vue.use(Vuetify);

vue.runtime.esm.js:1887 TypeError: Cannot read property 'rtl' of undefined
at o.labelPosition (vuetify.js:16041)
at pn.get (vue.runtime.esm.js:4440)
at pn.evaluate (vue.runtime.esm.js:4545)
at o.labelPosition (vue.runtime.esm.js:4797)
at o.genLabel (vuetify.js:16168)
at o.genDefaultSlot (vuetify.js:12348)
at o.genInputSlot (vuetify.js:8121)
at o.genInputSlot (vuetify.js:16133)
at o.genControl (vuetify.js:8066)
at o.genContent (vuetify.js:8061)

// main.js
import Vue from 'vue'

// webpack.config.js
module.exports = {
  //...
  resolve: {
    alias: {
      vue$: 'vue/dist/vue.esm.js'
    }
  }
}