js文件无法正确导入js模块，即使在html中插入了type=“模块”也是如此
js文件无法正确导入js模块，即使在html中插入了type=“模块”也是如此
提问于 2019-06-26 08:31:24
我在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的顶层
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56763641
复制相关文章
相似问题