Javascript überschreiben - Fehler in der Konsole

Shopware 6 (German)
1

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

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:

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.

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

Keine Ahnung was hier nicht stimmt :thinking:

2

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

Falsch:

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

Richtig:

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

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