Не рендерит canvas на html. Возможно ошибка в установке Three. (2 стр)

Failed to load resource: net::ERR_FILE_NOT_FOUNDUnderstand this errorAI
index.html:1 Access to script at 'file:///C:/Users/User/Desktop/src/index.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: chrome, chrome-extension, chrome-untrusted, data, http, https, isolated-app.Understand this errorAI
index.js:1
       
       
      Failed to load resource: net::ERR_FAILED

Консоль вот такое выдает...

steklo
Может шейдера у вас не той версии ?

Это при использовании виртуального сервера, или node'ы? На всяки случай, опиши как ты запускаешь приложение.

Хорошо. Так пытаюсь включить three.

C:\Users\User>npm install three

up to date, audited 135 packages in 12s

28 packages are looking for funding
  run `npm fund` for details

6 vulnerabilities (2 low, 2 moderate, 1 high, 1 critical)

To address issues that do not require attention, run:
  npm audit fix

Some issues need review, and may require choosing
a different dependency.

Run `npm audit` for details.

Файлы index.html и script.js брал из страницы ранее.

innuendo
Даже не знаю...

Выкинь NodeJS и используй для начала просто HTML + JS

Читай начиная с Option 2: Import from a CDN здесь: https://threejs.org/docs/#manual/en/introduction/Installation

steklo
А что конкретно не рендерит ?

уф уф. все эти ошибки возникают еще до инициализации страницы, до threejs не доходит еще.
Для начала focus на том чтоб вообще страница открылась. [url=https://localhost:xxxx]localhost[/url]
все эти npm манипуляции - прямого отношения к странице в браузере не имеют. Все это создано для облегчения работы с жаваскриптом (Казалось бы да ага). пойми для себя сначала, к чему вообще ведут эти манипуляции с npm и зачем оно надо, потом уже с threejs поймешь как надо (Лучше не надо. ogl raylib webgl #"git clone" .чб ) действовать.

...

> Sorry, name can only contain URL-friendly characters.

Какие конкретно строки? 2-3.
> мм Зайди на https://threejs.org/examples/

Так не понять.
Я вот точно не urlфриендли.

...

https://vite.dev/guide/
пробую. по инструкции с vite запустить. Как к http://localhost:5173 получишь доступ - разбирайся с threejs.

//
ogl
// hilo3d

Привет.
Вот, код канваса браузеру. проверь пожалуйста, откроется?

canvas.html: https://pastebin.com/raw/3UjJASd4

Дело было не в бобине ...

Ты смотришь консоль бекенда, которая при фронтовой разработке мало полезна. Открой DevTools браузера (F12 в хроме) и смотри красные сообщения там.