在.vue文件中使用defineAsyncComponent引入组件，打包时会出现 WARN [plugin:vite:reporter]

[Aristodemusa]

Describe the bug

vite版本4.5，vue版本3.3

代码：

build命令出现问题：

如果不使用defineAsyncComponent引入组件就不会有这个警告，请问该如何解决？这个警告是否影响生成环境

Reproduction

Steps to reproduce

No response

System Info

*

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[chenxch]

可能是打包后引用路径可能会有问题，可以尝试一下
const modules = import.meta.glob('./componetns/basic/*.vue')

{
VolBox: defineAsyncComponent(modules['./components/baisc/VolBox.vue'])
}

[cMing1997]

这个问题，我也遇到过，然后测试一番之后发现，好像和 manualChunks 函数没有处理 无返回值的情况有关系，当我将设置了 manualChunks 返回值为输入的id的时候，虽然会报其他的错误，但是没有报 [plugin:vite:reporter] 这个错误了

[nanshennanshen]

在vite文件夹里面的plugins.ts中找到Pages方法，修改成Pages({
dirs: 'src/views',
exclude: [
'/components//*.vue',
],
importMode: 'async',
onRoutesGenerated(routes) {
// 确保所有路由使用异步导入
return routes.map((route) => {
if (route.path === '/index' || route.path === '') {
route.component = '@/views/index.vue'
}
return {
...route,
component: route.component, // 保持原样，但确保是异步导入
}
})
},
}),就可以不报错了