Non main.js found

Questions
1

I downloaded the whole three-zip file.
The documentation states that I should start with <script type=“module” src="/main.js>
But in the zip-package there was no main.js.

2

main.js is the file you create to contain your code.
You can start with something like this:

import * as THREE from 'three';
import {OrbitControls} from "three/addons/controls/OrbitControls.js"

const z = 5;
const fov = 75;
const aspect = window.innerWidth / window.innerHeight;
const nDivisions = 20;
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(fov, aspect, 0.1, 1000);
camera.position.set(0, 0, z)
camera.lookAt(0, 0, 0)

const axesHelper = new THREE.AxesHelper(5);
const gridHelper = new THREE.GridHelper(gridSize, 
scene.add(axesHelper);
scene.add(gridHelper);

let controls = new OrbitControls(camera,renderer.domElement);

renderer.setAnimationLoop(()=>{
  controls.update(camera);
  renderer.render(scene, camera);
})
3

Thank you for your quick answer.

4

follow three.js docs option 1. you do not copy zips around, you should but use script includes. the whole javascript eco system is based on npm. if you skip that you would be wasting your time on unfinished, half-broken specs that are very complex to work with, especially for a beginner. all you need to do (if you have node installed) is open your shell and type:

npm create vite
cd projectfolder
npm install three
npm run dev

open your editor, edit main.js, you don’t need to change the html, just import * as THREE from 'three' and start coding. when you save it will refresh the browser.