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

【问题标题】：jsPlumb integration with Nuxtjs throwing the error document is not definedjsPlumb 与 Nuxtjs 集成抛出错误文档未定义
【发布时间】：2021-12-17 05:15:33
【问题描述】：

我知道有一些类似的问题，但它们对我没有用，所以我发布了这个。

我正在尝试将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

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

【问题讨论】：

这能回答你的问题吗？ How to fix navigator / window / document is undefined in Nuxt
@kissu 感谢您的回复。但我已经尝试过这个答案，但它对我不起作用。如果你检查我的代码，它是一样的。
这里的一些解决方案也可能有用：stackoverflow.com/a/69572014/8816585 我想我上次尝试过，它成功了。
@kissu 我尝试了所有方法，但似乎没有什么对我有用。我已经修改了代码，你能检查一下，让我知道我做错了什么吗？我检查了很多答案，似乎都解决了相同的问题，但由于某种原因，它对我不起作用。

标签： vue.js vue-component nuxt.js jsplumb

【解决方案1】：

我没有使用process.client，而是使用了process.browser，它对我来说效果很好。请参考链接：https://stackoverflow.com/a/69822954/7584240

【讨论】：