Javascript Nuxt Vue2应用程序，添加Vue触摸包

我想获取触摸“平移”事件的xy坐标数据，用户按下手指并拖动它。我正在将Vue2与Nuxt一起使用，并尝试添加

我使用npm安装了该软件包，然后通过在“plugins”文件夹中添加一个“touch”文件夹（包括一个“index.js”文件）向我的Nuxt设置中添加了一个插件：

import Vue from 'vue'; 
import VueTouch from 'vue-touch';
Vue.use(VueTouch, {name: 'v-touch'});
export { VueTouch };
export default VueTouch;

然后，我在我希望画布成为的页面中创建了一个元素

My-element

。我正在尝试注册一个tap事件，以确保在转到pan之前程序包工作正常

当我运行项目时，会出现两个错误：

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render.

[Vue warn]：客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的，例如，在中嵌套块级元素，或者缺少。打捞水化并执行完整的客户端渲染。

&

[Vue warn]：未知自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“name”选项。

有什么建议可以让我的Vue Touch软件包正常工作吗

---

提前感谢。

您是否将配置添加到

numxt.config.js

文件的

plugins

部分

module.exports = {
  plugins: [{
    src: '~plugins/touch',
    ssr: false
  }]
}

module.exports = {
  plugins: [{
    src: '~plugins/touch',
    ssr: false
  }]
}