Estou tentando importar uma classe, mas estou cometendo um ou vários erros. Alguém pode me esclarecer sobre?
Arquivo js/calendar
:
export default class Calendar {
constructor(date) {
console.log(date);
}
}
Arquivo index.html
(note que estou tentando importar a classe Calendar
):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Calendar</title>
</head>
<body>
<div id="calendar"></div>
<script>
import { Calendar } from './js/calendar';
var calendar = new Calendar('2020-02-01');
</script>
</body>
</html>
No entanto, estou recebendo este erro:
SyntaxError: import declarations may only appear at top level of a module
import { Calendar } from './js/calendar'
<script type="module">