Witam.
Mam problem i nie mam pojęcia jak go rozwiązać ( szperam po necie już chyba od godziny i nic).
Sprawa teoretycznie banalna... mam dwa pliki (z DivFactory.js chce importować klasę do script.js) :
DivFactory.js
export default class divFact {
constructor(type, className) {
this.numberOfElements = type;
this.className = className;
}
makeElemet() {
// {...}
}
}
script.js
import divFact from "./DivFactory.js";
document.addEventListener('DOMContentLoaded', function () {
const instDivFact = new divFact('div', 'md-class');
const newEl = instDivFact.makeElemet();
console.log(newEl);
})
W debugerze w Chromie pojawia się błąd: Uncaught SyntaxError: Unexpected identifier script.js:1
a w Firefox: SyntaxError: import declarations may only appear at top level of a module (oczywiście import jest w linii nr 1).
Nie mam pojęcia o co chodzi bo wszędzie jest opisane to tak jak zrobiłem i wszędzie niby extra działa i żadnych problemów z tym nikt nie ma.
Proszę o pomoc.
Pozdrawiam.