HeadlessUI/vue: TypeError vue.defineComponent不是一个函数

Question

我试图在我的@headlessui/vue项目中安装nuxt。

当我试着用它的时候：

<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

Answer 1

这里的问题完全相同：https://github.com/tailwindlabs/headlessui/issues/31

这个库是为Vue 3创建的。我不确定NuxtJS是否在使用Vue 3，我认为他们使用的是Vue 2。您能验证一下吗？是的，Nuxt还没有在Vue 3上发布版本，但据我所知，在不久的将来，

将推出测试版。