如何使用React three fiber将Stats.js添加到Gatsby站点？

我正在建立一个盖茨比网站，并希望在其中渲染3D对象使用反应三光纤。我正在尝试向它添加Stats.js，只是为了监视和理解它是如何工作的，就像大多数普通的three.js项目一样

我尝试使用react统计数据，但似乎已经过时：上次更新是在5年前。在我发现的与React 16不兼容的问题中，尽管它似乎已修复，但需要导入的错误类型仍不断出现。 我尝试使用react canvas stats，经过几个小时的斗争，我无法通过boss错误TypeError:target不是来自node_modules/react three fiber/web.js:183中createInstance的构造函数。根据我的经验，我可能不应该弄乱node_模块中的任何文件。 我不确定是否使用包是最好的主意，或者是否有更好的包我找不到，或者我是否应该尝试添加原始repo中的stats.js绝对不知道从哪里开始。或者如果一开始添加stats.js毫无意义，我应该做一些完全不同的事情。或者如果有一个非常明显的解决方案我完全错过了

在任何情况下，所有的答案都是感激的

看一看。为我做了这项工作

如果您只希望FPS用于开发目的，可以考虑使用内置的. 看一看。为我做了这项工作

---

如果您只希望FPS用于开发目的，可以考虑使用内置的. 您可以自己制作，这是针对原始fps的：平均fps稍微复杂一些，但没有那么多

如果愿意，也可以使用普通的3JS统计数据

今天我将在drei中添加以下内容：

编辑：

---

在中，您可以从“drei”中导入{Stats}并将其粘贴到场景中。

您可以自己制作，这一个用于原始fps：平均fps稍微复杂一些，但没有那么多

如果愿意，也可以使用普通的3JS统计数据

今天我将在drei中添加以下内容：

编辑：

在中，您可以从“drei”导入{Stats}并将其粘贴到场景中