Threejs cdn imports

I have made this codepen for my code, since im using a cms, without being able to build. I have to use the cdn version of it.

I’m getting the error that EffectComposer is not a function. I have tried changing everything to "import * as … " without results and getting a cannot build error.

Just a side note:

import {
	OutputPass
} from "https://cdn.skypack.dev/three@0.136.0/examples/jsm/postprocessing/OutputPass.js";

I can’t find OutputPass.js in postprocessing of r136: three.js/examples/jsm/postprocessing at r136 · mrdoob/three.js · GitHub

Correct, it was due version 136 didn’t had OututPass, I’ve updated to version 154 where it was included

Still don’t get, why you use parts of different versions.
The main module needs to be of r154 too, like the others.

Moreover, in your code you call FXAAShader(), but there is no import for that class/object. :thinking:

By the way, why don’t you use importmaps, as they do it in official examples?

Apologies for the oversight, i’ve adjusted the code like you told me but still getting the same error. :confused:

It looks like there is something wrong with my glb file, when i put it inside here: https://gltf-viewer.donmccurdy.com/ it looks fine but when loading into a loader. It gives me the object error

Check your dev console and google the error message, this is an issue that comes up all the time in web dev and isn’t related to your model.
Screenshot 2024-03-20 at 16.38.16

2 Likes