Страница в Vite

Страница index.html является точкой входа, а скрипт подключают модулем.

Vite ищет файл index.html в корне проекта. Именно его сервер разработки отдаёт по основному адресу. Внутри страницы указывают, какой JavaScript файл стартовать первым. Подключение делают тегом script с атрибутом type и значением module. Путь ведёт на файл src/main.js. Создадим страницу:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>hello</title>
  </head>
  <body>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

Значение module говорит браузеру, что файл можно загружать как ES-модуль. Путь начинается со слэша: сервер Vite разрешит его относительно корня проекта. Перезапустим сервер разработки, если он уже был запущен, и снова откроем http://localhost:5173. Пока src/main.js ещё пуст или отсутствует, в консоли браузера может быть ошибка, но сама страница уже подключена.

Создайте index.html в корне проекта с заголовком ready и подключением src/note.js как модуля.

Проверьте в исходном коде страницы, что у тега script стоит type="module".