Импорт не работает, потому что браузеры еще не поддерживают модули ES6, когда скрипт импортирует экспортируемые значения из другого скрипта. Чтобы исправить это, можно использовать инструменты сборки, такие как Webpack или Babel, чтобы скомпилировать скрипты с импортами в скрипты, которые браузеры могут понимать.
Если вы не хотите использовать инструменты сборки, вы можете изменить импорты на обычные теги скриптов. Например, вы можете добавить в HTML тег скрипта для каждого файла JavaScript, который вы хотите использовать, например:
В этом случае вы должны убедиться, что порядок загрузки скриптов правильный, и что скрипты не зависят от других скриптов, которые еще не загрузились.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>game 2048</title>
</head>
<body>
<div class="game-board"></div>
<script src="script.js"></script>
</body>
</html>
script.js: