关于vue3中使用element-plus，import type { FormInstance } from 'element-plus'标红的问题

(vue3)我在设计login.vue的登录样式时，采用了官方Form表单中的一个示例代码，引进去后能正常运行，无报错，且有显示效果，但是在代码中在贴上import type { FormInstance } from 'element-plus'后，这个FormInstance标红，标红提示如下：Cannot resolve symbol 'FormInstance'
TS2614: Module '"element-plus"' has no exported member 'FormInstance'. Did you mean to use 'import FormInstance from "element-plus"' instead?
，查了很多资料也不明白为何标红，无法解决问题，已经成功引入了element-plus,如图：

代码部分如图：

欢迎指导

我的报错是在某个自定义的d.ts里重复声明了一行 declare module "element-plus";把这行删掉就恢复正常了

题主这个问题解决了吗？我现在也遇到了这个问题

你是不是打错了呀 l和I长得很像，但是是两个东西哦，我复制你的代码去搜索都搜索不到，说明I你写错成了l，你复制我的代码就行了

import type { FormInstance } from "element-plus";

看起来你使用的是 TypeScript，但是从你的代码中可以看出你没有正确的引入 Formlnstance 类型。

根据错误提示提示，我们应该使用 import Formlnstance from "element-plus" 而不是 import type { Formlnstance } from 'element-plus'。

换句话说，应该这样引入:

import { Formlnstance } from 'element-plus';

这样就可以解决标红的问题了。

你也可以使用这种方式引入类型：

import type { Formlnstance } from 'element-plus/types/form';

需要注意 element-plus 中的一些类型可能与官方文档中的类型名称不完全相同，所以要仔细阅读文档或者 element-plus 的源码以了解其中的类型。