Is CSP blocking my green spinning cube beginner example? | Three.js | Page 1

Ok, somewhat answering my own question - I added the following <meta> tag to the top and the CSP error is no longer triggering.

<meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline';">

That said, I'm still getting a white screen with the following main.js code being loaded.


const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

const renderer = new THREE.WebGLRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild( renderer.domElement );

const geometry = new THREE.BoxGeometry( 1, 1, 1 );
const material = new THREE.MeshBasicMaterial( { color: 0xff0000 } );
const cube = new THREE.Mesh( geometry, material );
scene.add( cube );

camera.position.z = 5;

function animate() {
    renderer.render( scene, camera );
}
renderer.setAnimationLoop( animate );```

Given that this is supposed to be a simple example I'm tearing my hair out a little.

Nevermind, turns out I'm an idiot and never actually saved the main.js with the animate function.

I now have a cube.

#Is CSP blocking my green spinning cube beginner example?