FabricJs in Shopware nutzen

Shopware 6 (German) Programmierung
1

Hey,

ich möchte die JS-Bibliothek Fabric.js in Shopware nutzen. Nun habe ich diese hinzugefügt und auch schon die Scripte erstellt, damit dies in das Shopware-System mitaufgenommen wird.

Bei der Instanziierung der Klasse fabric muss ich die Funktion Canvas aufrufen und dieser die ID des HTML-Canvas zuweisen.

Ich habe eine index.js in der ich die Plugin-Klasse von Shopware erweitere und FabricJs von den node_modules importiere.

Datei main.js

import fabricjs from './fabricjs/index';

const PluginManager = window.PluginManager;
PluginManager.register("fabricjs", fabricjs, "[test]");

Datei fabricjs/index.js

import Plugin from "src/plugin-system/plugin.class";
import { Fabric } from 'fabric';

export default class fabricjs extends Plugin{
    init(){
        const fabric = new Fabric;
        fabric.appendTo(this.el)
    }
}

Wie kann ich denn jetzt auf diese Klasse mit der Funktion .Canvas() zugreifen? In dem Frontend Development Kurs wird gesagt, dass ich hier in der init()-Funktion eine neue Insanz erstellen soll und diese dann zu this.el hinzufügen soll.

Wenn ich dies jetzt mache kommt in der Console immer folgender Fehler: TypeError: o.Fabric is not a constructor.

Ich weiß gerade echt nicht weiter. Wie kann ich denn mit Fabric.js und ihren Funkionen in der Shopware 6 Umgebung arbeiten?