标签: vue-tel-input

我一直在尝试在 Nuxt 中使用vue-tel-input-vuetify并且遇到了如下图所示的问题，我也尝试了此链接Github中的所有解决方案，但我得到了相同的错误。

安装后，我创建了一个插件文件plugins/vue-tel-input-vuetify.js并向其中添加了以下代码。

import Vue from 'vue'
import VueTelInputVuetify from 'vue-tel-input-vuetify'
Vue.use(VueTelInputVuetify)

之后，我将其添加到nuxt.config.js

plugins: [
    '~/plugins/vue-tel-input-vuetify',
    { src: '~/plugins/vue-google-charts', mode: 'client' }
  ]

在我的组件的脚本标签之间，我这样做了：

import { VueTelInputVuetify } from 'vue-tel-input-vuetify'

export default {
  components: {
    VueTelInputVuetify,
  },
...

在我的组件的模板标签之间添加了以下内容：

import Vue from 'vue'
import VueTelInputVuetify from 'vue-tel-input-vuetify'
Vue.use(VueTelInputVuetify)