Ошибка отображается при запуске игры Javascript

Question

Я новичок в изучении JavaScript и в настоящее время создаю классную c игру змей. Я продолжаю вводить свой код в git с небольшими изменениями, так как таким образом становится легче отслеживать, где возникает проблема.

Итак, теперь я вижу приведенную ниже ошибку на консоли, когда я запускаю свою игру на localhost.

and on click of the error on console, i get taken to

ref1

Нет синтаксической ошибки, в которой я уверен, так что это должно быть некоторая семантика, в которой я ошибаюсь. Любая помощь будет принята с благодарностью.

Это мой. js файл, который, как я подозреваю, может вызывать проблему

змей. js

import { getInputDirection } from "./input";

export const SNAKE_SPEED = 1; //Controls the speed of the snake;
const snakeBody = [
  { x: 10, y: 11 },
  { x: 11, y: 11 },
  { x: 12, y: 11 },
];

export function update() {
  const inputDirection = getInputDirection();
  for (let i = snakeBody.length - 2; i >= 0; i--) {
    snakeBody[i + 1] = { ...snakeBody[i] };
  }
  snakeBody[0].x += inputDirection.x;
  snakeBody[0].y += inputDirection.y;
}

export function draw(gameBoard) {
  snakeBody.forEach((segment) => {
    const snakeElement = document.createElement("div");
    snakeElement.style.gridRowStart = segment.y;
    snakeElement.style.gridColumnStart = segment.x;
    snakeElement.classList.add("snake");
    gameBoard.appendChild(snakeElement);
  });
}

ввод. js

let inputDirection = { x: 0, y: 0 };

export function getInputDirection() {
  return inputDirection;
}

Answer 1

Ошибка здесь простая. У вас возникла ошибка при импорте input.js в snakes.js здесь.

Изменить

import { getInputDirection } from "./input";

К

import { getInputDirection } from "./input.js";