el-form-item下面有黄色波浪线

### 解决 `el-form-item` 出现黄色波浪线的问题

在使用 Vue 和 Element UI 的项目中，如果遇到 `el-form-item` 或其他 Element UI 组件显示为未知标签并带有黄色波浪线的情况，这通常是由于 TypeScript 或编辑器未能识别这些自定义组件所致。

为了消除这种警告，可以采取以下措施：

#### 方法一：安装类型声明文件
确保已安装了 Element Plus 的官方类型声明文件。通过 npm 安装 @element-plus/types 可以帮助 IDE 更好地理解组件结构[^1]。

npm install @element-plus/types --save-dev

#### 方法二：配置 Vetur 插件（针对 VSCode 用户）
对于使用 Visual Studio Code 编辑器的开发者来说，可以通过调整 Vetur 设置来解决问题。打开 settings.json 文件，并添加如下配置项:

{
  "vetur.experimental.templateInterpolationService": true,
  "vetur.useWorkspaceDependencies": true,
  "vetur.validation.template": false
}

此操作会关闭不必要的模板验证错误提示，从而减少干扰性的黄色波浪线下划线。

#### 方法三：修改 tsconfig.json 配置
适当扩展 TypeScript 的编译选项也能有效缓解该现象。可以在项目的根目录下的 tsconfig.json 中加入 `"skipLibCheck": true,` 参数，让 TS 跳过库检查过程中的某些部分，进而避免误报问题。

{
  "compilerOptions": {
    ...
    "skipLibCheck": true,
    ...
  }
}

另外需要注意的是，在 WebStorm 这样的集成开发环境中，可能还需要手动刷新缓存或重启软件才能使更改生效。