vue3+element-plus 动态生成icon报错，已解决

 代码如上，报错如下

不知道问题出在哪里，有了解的小伙伴解答一下吗？感谢了 

还是不知道问题出在哪里，但是用组件的方法实现了，以下为自定义icon组件代码：

//icon.vue
<template>
  <el-icon :size="size" :color="color">
    <component :is="name"></component>
  </el-icon>
</template>
 
<script>
import { defineComponent } from "vue";
import * as Icons from '@element-plus/icons-vue'
export default defineComponent({
  components: Icons,
  name: "ElIcons",
  props: {
    name: {
      type: String,
      required: true,
    },
    size: {
      type: String,
      default: "",
    },
    color: {
      type: String,
      default: "",
    },
  },
});
</script>

页面应用：

<template>    
    <icons :name="item.iconUrl"/>

    <icons :name="'Histogram'"/>
</template>


<script lang="ts" setup>
    import icons from '@/components/icon.vue'
</script>

原帖忘记了，联系我会加上出处，或侵删