Constructor wird bei jedem Plugin nicht erkannt

Shopware 6 (German) Programmierung
1

Hey,

ich teste mich gerade dabei aus verschiedene Plugins in Shopware zu integrieren und bis zur Einbindung funktioniert alles. Nur wenn ich die Seite lade kommt bisher bei jedem Plugin bis auf das simple-color-picker-Plugin die Fehlermeldung TypeError: (Buchstabe) is not a constructor.

Ich bin wie folgt vorgegangen:

  • Im storefront Ordner, in dem auch die node_modules liegen, habe ich yarn add [pluginname] ausgeführt

  • In der webpack.config.js und webpack.config.prod.js habe ich folgenden alias hinzugefügt:

`pluginname": resolve( join(__dirname, "..", "node_modules", "pluginname"))`
  • In der Main-js habe ich folgenden Code hinzugefügt
import DatePicker from './datepicker/index';

const PluginManager = window.PluginManager;
PluginManager.register("datePicker", DatePicker, "[datePicker]");
  • und in der index.js im datepicker-Ordner:
import Plugin from "src/plugin-system/plugin.class";
import Datepicker from 'vuejs-datepicker';

export default class fabricjs extends Plugin{

    /*static options = {
        selectors: {
            canvas: "#productDesigner"
        }
    };*/

    init(){
        const datepicker = new Datepicker();
        datepicker.appendTo(this.el);
    }

}
  • Im Twig Template dann noch folgendes:
{% block base_main %}
    <section class="container bg-white m-0">
        <div class="row p-3 ">
            <div class="col-12">     
              <div datePicker></div>
            </div>
        </div>
    </section>
{% endblock %}

Habt ihr eine Idee, warum das so ist?