HeadlessUI/vue：TypeErrorvue.defineComponent不是函数

html5 • • 问答

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

回答

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

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

是的，Nuxt 还没有在 Vue 3 上发布一个版本，但据我所知，在不久的将来会有一个测试版

以上是HeadlessUI/vue：TypeErrorvue.defineComponent不是函数的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>