# Javascript überschreiben - Fehler in der Konsole

**URL:** https://forum.shopware.com/t/javascript-ueberschreiben-fehler-in-der-konsole/108346
**Category:** Shopware 6 (German)
**Created:** [9. Dezember 2025 um 14:27 UTC](https://forum.shopware.com/t/javascript-ueberschreiben-fehler-in-der-konsole/108346 "2025-12-09T14:27:53Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [9. Dezember 2025 um 14:27 UTC](https://forum.shopware.com/t/javascript-ueberschreiben-fehler-in-der-konsole/108346/1 "2025-12-09T14:27:53Z")

</div>

In einem Test versuche ich aktuell „AddToCart“ mit JavaScript zu überschrieben. Hierzu also eine Datei angelegt:

```auto
import AddToCart from 'src/plugin/add-to-cart/add-to-cart.plugin';
import DomAccess from 'src/helper/dom-access.helper';

export default class Alpha extends AddToCart {
  init() {
    super.init();
  }
}

```

Der Aufbau ist der Doku entnommen worden:

> **[Override Existing Javascript | Shopware Documentation](https://developer.shopware.com/docs/guides/plugins/plugins/storefront/override-existing-javascript.html)**
>
> Documentation for Shopware developers

Während bei „build-storefront.sh“ **kein Fehler** angezeigt wird, verursacht das jedoch einen Fehler in der Browser-Konsole. Der Browser ist auf aktuellen Stand.

```auto
An error occurred while fetching async JS-plugins TypeError: class constructors must be invoked with 'new'

```

Keine Ahnung was hier nicht stimmt 🤔

---

<div class="post-metadata">

### Author: ![R4M](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/r4m/32/9983_2.png) [@R4M](https://forum.shopware.com/u/R4M)
#### Post date: [9. Dezember 2025 um 14:39 UTC](https://forum.shopware.com/t/javascript-ueberschreiben-fehler-in-der-konsole/108346/2 "2025-12-09T14:39:03Z")

</div>

Habe die Ursache eben in der „main.js“ selber gefunden (echt kompliziert):

Falsch:

```auto
import Alpha from './script/alpha';
const PluginManager = window.PluginManager;
PluginManager.override('AddToCart', Alpha, '[data-add-to-cart]');

```

Richtig:

```auto
const PluginManager = window.PluginManager;
PluginManager.override('AddToCart', () => import('./script/alpha'), '[data-add-to-cart]');

```

---

<div class="post-metadata">

### Author: ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)
#### Post date: [9. Dezember 2025 um 15:40 UTC](https://forum.shopware.com/t/javascript-ueberschreiben-fehler-in-der-konsole/108346/3 "2025-12-09T15:40:43Z")

</div>

Nicht kompliziert, sondern die Unterscheidung für synchrones oder asynchrones Laden der JavaScripts.

---

<div class="post-metadata">

### Author: ![system](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/3X/2/9/29c7587ba660f00e4995d1743162782e5d6d8653.svg) [@system](https://forum.shopware.com/u/system)
#### Post date: [8. Januar 2026 um 15:41 UTC](https://forum.shopware.com/t/javascript-ueberschreiben-fehler-in-der-konsole/108346/4 "2026-01-08T15:41:37Z")

</div>

Dieses Thema wurde automatisch 30 Tage nach der letzten Antwort geschlossen. Es sind keine neuen Antworten mehr erlaubt.
