My project doesn't work

Hello I have a problem with my project, i don’t know if a topic about that already exists but nothing appear on my web page and i don’t think i have an error in my code. (tell me if i’m wrong).

When i go in chrome this text appear : "Uncaught SyntaxError: Cannot use import statement outside a module".

Here is my code :

var scene = new THREE.Scene();

var camera = new THREE.PerspectiveCamera(35, window.innerWidth/window.innerHeight, 0.1, 3000);

camera.position.z = 100;

var rendu = new THREE.WebGLRenderer();

rendu.setSize(window.innerWidth, window.innerHeight);



rendu.render(scene, camera);

var forme = new THREE.Group();
var geometries = new THREE.TorusKnotGeometry(10, 3, 100, 16);

var materiel = new THREE.MeshNormalMaterial({

wireframe: true,
wireframeLineWidth: 5,
wireframeLinejoin : 'round',
wireframeLinecap : 'round'


forme.add(new THREE.Mesh(geometries, materiel));

I think you didn’t show type module

<script type="module" src="main.js"></script>

Thank you so much !!!

Actually it was not the problem but now it works