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

Posted 2023-02-23

【中文标题】jsPlumb 与 Nuxtjs 集成抛出错误文档未定义

【英文标题】：jsPlumb integration with Nuxtjs throwing the error document is not defined

【发布时间】：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 感谢您的回复。但我已经尝试过这个答案，但它对我不起作用。如果你检查我的代码，它是一样的。

这里的一些解决方案也可能有用：***.com/a/69572014/8816585 我想我上次尝试过，它成功了。

@kissu 我尝试了所有方法，但似乎没有什么对我有用。我已经修改了代码，你能检查一下，让我知道我做错了什么吗？我检查了很多答案，似乎都解决了相同的问题，但由于某种原因，它对我不起作用。

【参考方案1】：

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