Open lnvglr opened 1 month ago
I have managed to narrow it down more (and work around the issue this way).
On my <TresCanvas />
I had the preset="realistic"
prop. I removed it and in an onMounted
hook within the TresContext, I added all the props the realistic preset adds to the renderer except for shadows
and physicallyCorrectLights
.
Now, navigating away and back to the scene works and there is virtually no visual difference.
Note: I added the shadows
prop to the <TresCanvas />
.
Describe the bug
I have a Nuxt 3 app and in it a page with a Tres.js scene. The scene contains
<TresDirectionalLight cast-shadow />
which casts a shadow. When navigating away from the page with the scene and navigating back to the scene (using NuxtLink), I get the error below.When I remove the
cast-shadow
prop, the bug disappears.complete error log
``` setProgram @ three.js?v=f17f74c8:17801 WebGLRenderer.renderBufferDirect @ three.js?v=f17f74c8:17292 renderObject @ three.js?v=f17f74c8:13624 renderObject @ three.js?v=f17f74c8:13631 WebGLShadowMap.render @ three.js?v=f17f74c8:13519 WebGLRenderer.render @ three.js?v=f17f74c8:17493 (anonymous) @ tres.js:387 (anonymous) @ index.mjs:71 trigger @ index.mjs:71 we.immediate @ tres.js:160 loop @ index.mjs:617 requestAnimationFrame resume @ index.mjs:624 or @ tres.js:388 cr @ tres.js:593 (anonymous) @ tres.js:1086 (anonymous) @ runtime-core.esm-bundler.js:2757 callWithErrorHandling @ runtime-core.esm-bundler.js:199 callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:206 hook.__weh.hook.__weh @ runtime-core.esm-bundler.js:2737 flushPostFlushCbs @ runtime-core.esm-bundler.js:385 flushJobs @ runtime-core.esm-bundler.js:427 Promise.then queueFlush @ runtime-core.esm-bundler.js:322 queuePostFlushCb @ runtime-core.esm-bundler.js:336 queueEffectWithSuspense @ runtime-core.esm-bundler.js:7256 baseWatchOptions.scheduler @ runtime-core.esm-bundler.js:6138 effect2.scheduler @ reactivity.esm-bundler.js:1892 trigger @ reactivity.esm-bundler.js:250 endBatch @ reactivity.esm-bundler.js:308 notify @ reactivity.esm-bundler.js:594 trigger @ reactivity.esm-bundler.js:568 set value @ reactivity.esm-bundler.js:1510 finalizeNavigation @ vue-router.mjs:3478 (anonymous) @ vue-router.mjs:3343 Promise.then pushWithRedirect @ vue-router.mjs:3310 push @ vue-router.mjs:3235 navigate @ vue-router.mjs:2300 callWithErrorHandling @ runtime-core.esm-bundler.js:199 callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:206 invoker @ runtime-dom.esm-bundler.js:722 ```Reproduction
https://stackblitz.com/edit/nuxt-starter-w3neca?file=pages%2Findex.vue
Steps to reproduce
No response
System Info
Used Package Manager
npm
Code of Conduct