Так обычно, когда я создаю простую настройку HTML/CSS/JS, я вставляю тег скрипта в конце HTML, как это:
, а затем внутри файла скрипта, я добавляю всех слушателей событий, как:
document.addEventListener("mousemove", trackMouse);
Затем, когда я перемещаю мышь, я могу запустить эти функции Trackmous
Тогда это не работает. Ничего не происходит, когда я двигаю мышью. Я даже добавил журнал консоли в начале тега скрипта, но он не показывает на консоли. < /P>
Но почему? Я просто хочу использовать файл скрипта так же, как и раньше, однако я хочу, чтобы файл script.js имел дополнительную функциональность, чтобы он мог импортировать другие классы JavaScript.
< /code>
И вот соответствующая часть моего файла сценария: < /p>
import MenuButton from "./MenuButton/MenuButton";
import RenderMole from "./RenderMole/RenderMole";
import Bolt from "./Bolt/Bolt";
//globals
var ctx = (document.getElementById("canvas1")).getContext("2d");
document.addEventListener('mousemove', functionX);
function functionX(event){
//code
}
Подробнее здесь: https://stackoverflow.com/questions/795 ... ype-module