I've been trying to include modules in order to utilize the bloom effect, however, I keep encountering this error message. The .js files were copied from three/examples/js/, so they are current.
index.html:
<script src="../module/three.js"></script>
<script src="../module/EffectComposer.js"></script>
<script src="../module/CopyShader.js"></script>
<script src="../module/ShaderPass.js"></script>
<script src="../module/RenderPass.js"></script>
<script src="../module/UnrealBloomPass.js"></script>
<script src="../module/MaskPass.js"></script>
<script src="../module/Pass.js"></script>
<script src="../module/LuminosityHighPassShader.js"></script>
<script type="module" src="index.js"></script>
index.js:
import * as THREE from "../module/three.module.js";
...
//bloom renderer
const renderScene = new THREE.RenderPass(scene, camera);
This leads to the following error: Uncaught TypeError: THREE.RenderPass is not a constructor
What is the correct approach to resolve this issue?