【Vue】使用elementUI组件报错Injection “elForm“ not found

1.问题

使用elementUI组件报错，组件不显示在界面。

代码中引用了elementUI的组件form

<template>
    <div class="login">
        <el-card class="box-card">
  <div slot="header" class="clearfix">
    <span>卡片名称</span>
    <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
  </div>
    <el-form  label-width="80px" :model="form" ref="form">
  <el-form-item label="用户名" prop="username">
    <el-input v-model="form.username"></el-input>
  </el-form-item>
  <el-form-item label="密码" prop="password">
    <el-input v-model="form.password"></el-input>
  </el-form-item>
  <el-form-item label="活动形式">
    <el-button type="primary">登录</el-button>
  </el-form-item>
</el-form>
</el-card>
    </div>
</template>

2.解决

（1）看到有的人是因为没有在 el-form-item代码块外面写el-form标签对这里我是加了的所以是别的原因。
（2）看到网上有的人说是因为版本冲突，但我去掉el-form-item之后就不报错了

    <span class="username">用户名：</span>
    <el-input v-model="form.username" placeholder="请输入用户名" prop="username"></el-input>
    <span class="pwd">密码：</span>
    <el-input v-model="form.password" placeholder="请输入密码" type="password" prop="password"></el-input>
    
    <el-button type="primary" class="log">登录</el-button>
   </el-form>

直接将el-form-item换成了span标签