Headless UI/VUE：TypeError vue.fineComponent不是函数 [英] HeadlessUI/vue: TypeError vue.defineComponent is not a function

问题描述

我尝试在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

此库是为Vue 3创建的。我不确定NuxtJS使用的是Vue 3，我认为他们使用的是Vue 2。您能验证这一点吗？

Yep Nuxt尚未在Vue 3上发布版本，但据我所知，测试版将在不久的将来推出👍🏻

这篇关于Headless UI/VUE：TypeError vue.fineComponent不是函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！