Klasse von einer JS Datei in die andere exportieren

Visual_Prog · 20. November 2021, 17:51

hi ich möchte eine Klasse von einer Js Datei in die andere exportieren.
habe es so gemacht:

HTML-Quellcode

class Box{
paarnummer = 0;
id= 0;
}
export {Box};

und dann so importiert:

HTML-Quellcode

import {Box} from './box.js';

Fehlermeldung:
Uncaught SyntaxError: import declarations may only appear at top level of a module
--> aber ich habe die import zeile ganz oben geschrieben, das ist doch irgendwie ein Widerspruch

ISliceUrPanties · 20. November 2021, 19:46

Hallo,
wenn du das über eine Html-Datei importieren möchtest, dann musst du dem Script ein Type-Attribut mit dem Wert "model" mitgeben:

HTML-Quellcode

<body>
<script type="module">
import Box from './script2.js';
const b = new Box();
console.log(b.get());
</script>
</body>

Mein script2.js enthält:

HTML-Quellcode

class Box {
constructor() {
this.a = 12;
}
get() {
return this.a * this.a;
}
}
export default Box;

Visual_Prog · 20. November 2021, 20:19

danke schon mal für die antwort. Ich verstehe nicht warum das bei mir so viele Probleme macht

Wenn ich das so mache wie du vorschlägst kriege ich diesen Fehler:

Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf file (hier mein Pfad) . (Grund: CORS-Anfrage war nicht http)

Visual_Prog · 23. November 2021, 13:27

Mit der Installierung des Live-Servers in visual studio code und dessen Anwendung wurde das Problem behoben.
Danke LG

Klasse von einer JS Datei in die andere exportieren

Klasse von einer JS Datei in die andere exportieren

HTML-Quellcode

HTML-Quellcode

HTML-Quellcode

HTML-Quellcode

Benutzer online 1

Ähnliche Themen

2 Benutzer haben hier geschrieben