在 Vue 2.7 的版本中无法使用

[zengjingxw]

在 Vue2.7 的版本中使用提示如下报错：

<script setup>
import { ref, nextTick, onMounted } from "vue";
import { DndProvider, useDrop } from "vue3-dnd";
import { HTML5Backend } from "react-dnd-html5-backend";
<script>

[hcg1023]

有更详细的代码吗？我试着是可以的

<template>
  <DndProvider :backend="HTML5Backend">
    <SingleTarget></SingleTarget>
  </DndProvider>
</template>

<script lang="ts" setup>
import SingleTarget from './components/single-target'
import { DndProvider } from 'vue3-dnd'
import { HTML5Backend } from 'react-dnd-html5-backend'
</script>

[zengjingxw]

我使用的案例和你贴出来的案例是一样的，我用的构建工具是 vite。不知道是不是这个的原因

[hcg1023]

我也是vite

[zengjingxw]

<template>
  <DndProvider :backend="HTML5Backend">
    <div></div>
  </DndProvider>
</template>

<script setup>
import { DndProvider } from "vue3-dnd";
import { HTML5Backend } from "react-dnd-html5-backend";
</script>
<style scoped>
</style>

执行就提示

[hcg1023]

你试试这个可以吗？https://github.com/hcg1023/vue3-dnd-test-vue2.7

[zengjingxw]

我试下

[zengjingxw]

提供的这个案例可以运行

[hcg1023]

我们两个的vue版本不一致吗？

[zengjingxw]

vue 的版本差异不大。我用的是 2.7.7。发现用的 vue3Dnd 版本不一样我用的是 2.1.0

[hcg1023]

我采用了和你一样的版本，也没有发现问题

[zengjingxw]

我本地再试下看下