如何在next.js中加载GLTF模型?
我花了好几个小时来找这个。无事可做:
到目前为止我尝试过的是:
使用不同的加载器( useLoader(GLTFLoader,url) / useGLTF(url) and some more )
将组件封装在next/dynamic组件中/不要这样做
通过安装下面的react 18来解决与suspense不支持相关的错误
试过
使用three-stdlib
尝试在next.config.js中编写自定义加载程序
阅读我能找到的关于这个问题的每一个问题和论坛文章。
我现在遇到的错误是:
Server Error
E
我们现在对大约20个新文件使用延迟加载通过loadable.lib进行加载,这些文件用于同步加载npm模块react-toastify。这些更改在PR草案中等待,但似乎单元测试已经中断,因为它们不等待加载loadable.lib-passed模块。
预期结果
能够模拟loadable.lib,使其工作与以前完全相同,但是可以同步加载给定的库,在单元测试中,这被看作是loadable.lib结果组件的子组件可以访问该库,并且第一个呈现成功地完成了这一任务。
实际结果
旧的快照(充满标记和嵌套的东西和道具)和新的快照(null)不匹配。这些办法不起作用:
// TODO: not working
我对这个有一个问题,当这个页面加载到应用程序中时,我会得到以下错误:source.uri should not be an empty string。它再循环几次,console.log语句最终计算值,而不是空字符串。URL首先,然后是得分。如何确保应用程序在返回之前就已经准备好了这些值?
import {Image, Text, View} from 'react-native';
import {useNavigation} from '@react-navigation/native';
import {StackNavigationProp} from