Vue3中手动导入带子组件的Vuetify3组件报错求助

问题根源 #

Vuetify 3的按需导入结构中，包含子组件的组件（如VTreeview、VTimePicker）不会在vuetify/components根路径下导出，必须从对应组件的单独目录导入。而无自组件的组件（如VCard）可以从根路径或单独目录导入，因此不会报错。

正确导入方式 #

将带自组件的组件从各自的组件目录导入，示例代码如下：

// 正确导入VTreeview及子组件VTreeviewNode
import { VTreeview, VTreeviewNode } from 'vuetify/components/VTreeview'

// 正确导入VTimePicker
import { VTimePicker } from 'vuetify/components/VTimePicker'

// VCard的导入可保持原有方式或统一为单独目录导入
import { VCard } from 'vuetify/components/VCard'

额外建议 #

如果希望简化导入流程，可以使用unplugin-vue-components配合VuetifyResolver实现组件自动导入，无需手动编写import语句，同时能确保导入路径的正确性。

内容的提问来源于stack exchange，提问作者Ersin Güvenç