react-postprocessing icon indicating copy to clipboard operation
react-postprocessing copied to clipboard

Trying to get SSR working using old versions (2.6.0 still fails)

Open vertgo opened this issue 11 months ago • 1 comments

Hi, I cloned this demo from the examples page so I could use the SSR in a project (it works great in my browser so it's not a browser incompatibility): https://codesandbox.io/s/fslt99

When I tried to yarn install and yarn run it (or npm for that matter), i get crazy errors (included at the bottom). I have the exact same package versions as in the codesandbox, as I understand that current versions of three etc have a hard time with SSR, what am I doing wrong?.

In this issue they say using versions <= 2.6.1 works but i installed the exact package in the example and it still doesn't run (2.6.0)

I have seen some threads involving @donmccurdy where there seems to be some problems with colorspace. There's no shaders in that project so it must be included in the drei or something.

Uncaught runtime errors: × ERROR Can not resolve #include <colorspace_fragment> at includeReplacer (http://localhost:3000/static/js/bundle.js:107290:11) at String.replace () at resolveIncludes (http://localhost:3000/static/js/bundle.js:107285:17) at new WebGLProgram (http://localhost:3000/static/js/bundle.js:107431:20) at Object.acquireProgram (http://localhost:3000/static/js/bundle.js:107917:17) at getProgram (http://localhost:3000/static/js/bundle.js:112792:30) at setProgram (http://localhost:3000/static/js/bundle.js:112925:17) at WebGLRenderer.renderBufferDirect (http://localhost:3000/static/js/bundle.js:112380:21) at renderObject (http://localhost:3000/static/js/bundle.js:112753:13) at renderObjects (http://localhost:3000/static/js/bundle.js:112735:9) ERROR Can not resolve #include <colorspace_fragment> at includeReplacer (http://localhost:3000/static/js/bundle.js:107290:11) at String.replace () at resolveIncludes (http://localhost:3000/static/js/bundle.js:107285:17) at new WebGLProgram (http://localhost:3000/static/js/bundle.js:107431:20) at Object.acquireProgram (http://localhost:3000/static/js/bundle.js:107917:17) at getProgram (http://localhost:3000/static/js/bundle.js:112792:30) at setProgram (http://localhost:3000/static/js/bundle.js:112925:17) at WebGLRenderer.renderBufferDirect (http://localhost:3000/static/js/bundle.js:112380:21) at renderObject (http://localhost:3000/static/js/bundle.js:112753:13) at renderObjects (http://localhost:3000/static/js/bundle.js:112735:9) ....

vertgo avatar Mar 16 '25 15:03 vertgo

Also having this issue

0x62 avatar Mar 19 '25 19:03 0x62