elementui-plus按需引入在vue3 script-setup ts中报错问题

[CHEN Jing]

// main.ts
...
app.use(ElForm).use(ElFormItem).use(ElInput).use(ElButton).use(ElCard).use(ElMessage)
...
// Login.vue
<script setup lang="ts">
// 下面这一行不加进来vscode会报下图的错，但实际run serve又完全没问题，求问🧠是插件的问题么，应该怎么设置呢。
// import { ElForm, ElMessage } from "element-plus";
...
const form = ref<typeof ElForm | null>(null);
...
ElMessage.success("Login successfull");
<script>

[chengpeiquan]

饿了么plus没有用过…不过如果在 main 里做全局引入组件的话，应该用全局的 API 语法去调用吧，3.0用全局的方式会有点蛋疼。

这个报错是正常的，在组件里没有导入或者定义（不像template部分那样既可以 <el-form /> 也可以 <ElForm />），3.0 在用这些框架的时候，建议是在组件里按需导入，TS 定义类型也方便。

现在的饿了么我不太了解，但 Antd 和 Vant 都支持通过配置 babel-plugin-import 在打包的时候移除用不到的组件，减少构建出来的项目体积，可以看看官网的说明看看支不支持

[CHEN Jing]

确实 需要定义类型还是得在组件里再次导入，谢谢大佬解惑。