.castShadow = true; is not working

Hello: I have two files…
WORKING with shadows… : http://songnes.com/g/g60.html
NOW WORKING, No Shadows… : http://songnes.com/g/g63.html

both of them have this code:

object.castShadow = true;
object.receiveShadow = true;

I have the light… I think it might be with the settings in the light!

const light = new THREE.SpotLight( 0xffffff, 1.5 );
light.position.set( 0, 100, 100 );
light.angle = Math.PI / 9;

light.castShadow = true;
light.shadow.camera.near = 1000;
light.shadow.camera.far = 4000;
light.shadow.mapSize.width = 1024;
light.shadow.mapSize.height = 1024;

can someone help me understand the far, or near, or mapSize, or the Position, or light.angle = Math.PI / 9;… you can see both full code in the “view source” of the web-page

Thank you for all your help…

In the second demo, you are using MeshNormalMaterial which is an unlit material. Hence, it does not receive any shadows.

Thanks for that, little things that I’m learning.
I change the code, I put Lambert Material, and Phong material… see this:
and still no shadow… see full source code in web-page…
I think it might be the numbers on the light…maybe