我在movie.js中有一个js类,我想将它导入到我在main.js上的代码中,并计划在那里使用它。我一直在努力解决以下错误: SyntaxError:导入声明可能只出现在模块的顶级
我已经将模块“type=”标记放在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的顶层
发布于 2019-06-26 08:40:26
您还需要将type="module"
添加到其他<script>
标记中,因为它也使用模块。
<script src="main.js" async type="module"></script>
<script src="movie.js" type="module" ></script>
https://stackoverflow.com/questions/56763641
复制相似问题