[Vue 警告]：无法解析组件：答案

【问题标题】：[Vue warn]: Failed to resolve component:[Vue 警告]：无法解析组件：
【发布时间】：2021-01-03 01:43:36
【问题描述】：

我只是尝试在 Vue 中创建一个登录表单，但它返回 [Vue warn]: Failed to resolve component: v-text-field

和

[Vue 警告]：无法解析组件：v-form

登录组件中的代码： '

<template lang="html">

  <div>
    <v-form>
      <v-text-field v-model="loginInfo.username" label="Username"/>
      <v-text-field v-model="loginInfo.password" label="Password"/>
      <v-btn>Login</v-btn>
    </v-form>
  </div>


</template>

<script>
export default {
  data(){
    return{
        loginInfo:{
         username:'',
         password:'',
                  }
        }
          },
}
</script>

【问题讨论】：

可以分享你使用这个组件的代码吗？

标签： vue.js

【解决方案1】：

我遇到了同样的问题，花了大约 2 个小时才弄清楚。我唯一的问题是我的浏览器正在获取没有我所需组件的缓存 js 文件。

【讨论】：

【解决方案2】：

我看到两个选项来回答这个问题：

您可以在上面提供的代码中尝试使用 Vuetify.js。我建议您通过关注the quick start guide 来检查您是否正确使用了 Vuetify.js。

另一种选择是不使用 Vuetify.js，因此使用表单中的正则 HTML 表达式：

<div>
    <form>
      <label for="username">Username</label>
      <input id="username" type="text" v-model="loginInfo.username"/>
      <label for="password">Password</Label>
      <input id="password" type="password" v-model="loginInfo.password"/>
      <input type="submit"value="Login" />
    </form>
</div>

【讨论】：

谢谢，这太棒了！