本文介绍了Headless UI/VUE：TypeError vue.fineComponent不是函数的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我尝试在nuxt项目中安装@headlessui/vue。
当我尝试这样使用它时：
<template>
<Menu>
<MenuItems>
<MenuItem>Item</MenuItem>
</MenuItems>
</Menu>
</template>
<script lang="ts">
import Vue from 'vue'
import { Menu, MenuButton, MenuItems, MenuItem } from '@headlessui/vue'
export default Vue.extend({
components: { Menu, MenuButton, MenuItems, MenuItem },
data () {
return {
isScrolling: false
}
},
....
编译时遇到类型错误
TypeError
vue.defineComponent is not a function
推荐答案
这里完全相同的问题：https://github.com/tailwindlabs/headlessui/issues/31
这篇关于Headless UI/VUE：TypeError vue.fineComponent不是函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！