jsPlumb 与 Nuxtjs 的集成抛出错误文档未定义

Question

我知道有几个问题与此类似，但它们对我不起作用，所以我发布了这个。

我正在尝试将 jsPlumb 添加到我的 Nuxtjs/Vuejs 应用程序中。我做了以下步骤：

npm i jsplumb --save
创建一个Vuejs页面并添加简单代码：

<template>
  <client-only>
    <div id="canvas" />
  </client-only>
</template>

<script>
import { jsPlumb } from 'jsplumb'

export default {
  mounted () {
    if (process.client) {
      console.log('MOUNTED - 2')
      jsPlumb.ready(function () {
        console.log('MOUNTED - 3')
      })
    }
  }
}
</script>

我收到错误：

ReferenceError
document is not defined

我尝试了很多提到的东西，但似乎没有任何效果。

Answer 1

我没有使用 process.client，而是使用了 process.browser，它对我来说效果很好。请参考 link:

jsPlumb 与 Nuxtjs 的集成抛出错误文档未定义

jsPlumb integration with Nuxtjs throwing the error document is not defined

jsplumb

vue.js

vue-component

nuxt.js