Skip to content

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

@vertgo

Description

@vertgo

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)
....

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions