У меня есть класс js внутри movie.js, который я хотел бы импортировать в мой код на main.js, где я планирую работать с ним.
Я боролся со следующей ошибкой:
SyntaxError: объявления импорта могут появляться только на верхнем уровне модуля
Я уже поместил тег type = "module" в HTML и проверил, находится ли импорт / экспорт в нужном месте. Я видел другие ответы на подобные вопросы, но никто не решил дело.
(это соответствующий HTML)
<html>
<head>
<script src='main.js' async></script>
<script src='movie.js' type="module" ></script>
</head>
<body>
<a class="btn">Search</a>
</body>
</html>
import Movie from './movie.js';
const btnSearch = document.querySelector(".btn");
btnSearch.addEventListener('click', function () {
let filmeTeste = new Movie("The Lego Movie", 2014, "tt1490017", "Movie", "https://m.media-amazon.com/images/M/MV5BMTg4MDk1ODExN15BMl5BanBnXkFtZTgwNzIyNjg3MDE@._V1_SX300.jpg");
console.log(`object test ${filmeTeste}`);
});
class Movie {
constructor(title, year, imdbID, type, poster){
this.title = title;
this.year = year;
this.imdbID = imdbID;
this.type = type;
this.poster = poster;
};
}
export default Movie;
Я ожидаю, что объект будет напечатан в консоли, но сейчас он показывает мне только SyntaxError: объявления импорта могут появляться только на верхнем уровне модуля main.js: 1