我正在建立一个Gatsby网站，并希望在其中使用3D对象渲染。react-three-fiber. 我试图在其中添加Stats.js，只是为了监控（并了解它是如何工作的），就像大多数普通的three.js项目一样。
react-stats但它似乎已经过时了：最后一次更新是在5年前。在问题中，我发现 "与React 16不兼容"，即使它似乎已被修复，但 "Proptypes need to be imported "的错误一直弹出。react-canvas-stats在战斗了几个小时后，我无法通过老板的错误 "TypeError: target is not a constructor "来自于 createInstance 在 node_modules/react-three-fiber/web.js:183. 根据我的经验，我可能不应该弄乱任何文件在 node_modules.我不知道使用一个包是否是最好的主意（或者是否有更好的包，我找不到），或者我是否应该尝试添加 stats.js 从原来的repo中（完全不知道从何说起）。或者说，如果在原版本中加入 stats.js 而我应该做一些完全不同的事情。或者，如果有一个非常明显的解决方案，我完全错过了!
无论如何，所有的答案都会被感激!
你可以做你自己的，这个是为原始的fps。https:/codesandbox.iosr3f-gltf-useloader-pvriu。 平均帧数是有点多，但不是那么多。
如果你喜欢的话，你也可以使用普通的三js统计。https:/codesandbox.iosr3f-gltf-useloader-29sp2。
我今天就把这个加到drei上。https:/github.comreact-springdrei。
编辑："它在，你可以从'drei'中导入{统计}，并将其贴在场景中。
它在，你可以从'drei'导入{ Stats }，然后贴到场景中。
请看一下 反应-fps-stats. 为我做了工作。
如果你只想要fps用于开发目的，你可以考虑使用内置的 Chrome Devtools FPS表.