在vue3中使用ICON_CONFIGS默认值为undefined

[lhlyu]

代码如下: demo.vue

<template>
    <div>
        <More></More>
    </div>
</template>

<script lang="ts">
import { More } from '@icon-park/vue-next'

export default {
    components: {
        More
    },
    setup() {
        return {}
    }
}
</script>

• 页面报错

• debugger

[lhlyu]

@dewfall123 不确定是不是vitepress-for-component导致的问题，因为我用ahooks-vue项目去测试也会报这个错误

[liuxuanzy]

你们用的是哪个版本胡图标库，能不能给个可复现的Demo。我用1.3.0版本没有问题。

[AppleMonkey2019]

hello，同学，这个事情最终解决了吗？

[lhlyu]

@liuxuanzy @AppleMonkey2019
没有解决，我写了一个demo
版本是: v1.3.0

[AppleMonkey2019]

好嘞，我们尽快看下

[liuxuanzy]

我看了一下，是vitepress-for-component的问题，里面的vite配置将vue/runtime-core和vue/runtime-dom打包到了icon-park里面（你可以在node_modules/.vite下找到）但是在其他引用这两个包的地方，又重新通过esm加载了一份，造成了问题。
通过修改：vitepress-for-component/dist/node/server.js 第15行，增加以下代码可以解决
optimizeDeps:{
exclude:['@icon-park/vue-next']
}

以下代码也可以
optimizeDeps:{
include:['vue']
}

所以我判定这大概率是一个vite配置引起的问题。

[lhlyu]

include:['vue']

已验证，谢谢大佬