# Constructor wird bei jedem Plugin nicht erkannt

**URL:** <https://forum.shopware.com/t/constructor-wird-bei-jedem-plugin-nicht-erkannt/94647>\
**Category:** Programmierung\
**Created:** [1. Juni 2022 um 13:27 UTC](https://forum.shopware.com/t/constructor-wird-bei-jedem-plugin-nicht-erkannt/94647 "2022-06-01T13:27:48Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![StefanB](https://avatars.discourse-cdn.com/v4/letter/s/71e660/32.png) [@StefanB](https://forum.shopware.com/u/StefanB)\
**Post date:** [1. Juni 2022 um 13:27 UTC](https://forum.shopware.com/t/constructor-wird-bei-jedem-plugin-nicht-erkannt/94647/1 "2022-06-01T13:27:48Z")

</div>

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:

```auto
`pluginname": resolve( join(__dirname, "..", "node_modules", "pluginname"))`

```

- In der Main-js habe ich folgenden Code hinzugefügt

```auto
import DatePicker from './datepicker/index';

const PluginManager = window.PluginManager;
PluginManager.register("datePicker", DatePicker, "[datePicker]");

```

- und in der index.js im datepicker-Ordner:

```auto
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:

```auto
{% 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?