I am attempting to recreate this particular instance using modules imported from a CDN.
Here is the import map I am working with:
<script async src="https://unpkg.com/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a2c7d18fcfcdc6d7cec78fd1cacbcfd1e2938c9a8c92">[email protected]</a>/dist/es-module-shims.js"></script>
<script type="importmap">
{
"imports": {
"three": "https://cdn.skypack.dev/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4e3a263c2b2b0e7e607f7d78607e">[email protected]</a>",
"three/addons/": "https://cdn.skypack.dev/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="384c504a5d5d780816090b0e1608">[email protected]</a>/examples/jsm/"
}
}
</script>
Furthermore, these are the specific imports:
// ...
import { EffectComposer } from 'three/addons/postprocessing/EffectComposer';
import { RenderPass } from 'three/addons/postprocessing/RenderPass';
import { SAOPass } from 'three/addons/postprocessing/SAOPass';
import { OutputPass } from 'three/addons/postprocessing/OutputPass';
The issue arises only with the last import "OutputPass":
GET https://cdn.skypack.dev/-/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="13677b6176765365233d2220253d233e27436b24486b225a5d625055515d23674b464270">[email protected]</a>/dist=es2019,mode=raw/examples/jsm/postprocessing/OutputPass net::ERR_ABORTED 404
I have attempted to troubleshoot why this module isn't importing correctly, but without any success thus far.
Any assistance on this matter would be greatly appreciated!