Простой запрос API фильма не отображается в журнале консоли

Я пытаюсь сделать простой запрос API, чтобы получить некоторые данные о популярных фильмах недели. Однако я не вижу его в консоли веб-браузера. Какие-либо предложения? Это первый API, который я опробовал самостоятельно. Я выпускник учебного курса по программированию. Любая вещь помогает!

вот репозиторий:https://github.com/JoelGetzke/JoelsMovies

Вот код:

const apiKey = '<API_KEY>';
const apiUrl = 'https://api.themoviedb.org';

// Example endpoint to get a list of movies
const endpoint = `${apiUrl}/3/trending/movie/week`;

// Constructing the request URL with API key
const requestUrl = `${endpoint}?api_key=${apiKey}`;

// Making a GET request using fetch API
fetch(requestUrl)
  .then(response => {
    // Check if the response is successful (status code 200)
    if (response.ok) {
      // Parse the JSON response
      return response.json();
    }
    // If response is not successful, throw an error
    throw new Error('Network response was not ok.');
  })
  .then(data => {
    // Do something with the data
    console.info(data);
  })
  .catch(error => {
    // Handle errors
    console.error('There was a problem with the fetch operation:', error);
  });

Я попытался обновить страницу и открыть консоль браузера.log. В настоящее время читается: индекс.html:89

   GET http://127.0.0.1:5500/main.js net::ERR_ABORTED 404 (Not Found)

index.html:1 Отказано в выполнении скрипта из «http://127.0.0.1:5500/main.js», поскольку его тип MIME («текст/html») не является исполняемым, и включена строгая проверка типов MIME.