Javascript Plugin kann im Theme nicht geladen werden

Hallo,

ich habe in meinem Theme ein JS Plugin anhand der Dokuerstellt und in meiner main.js geladen, funktioniert auch alles wenn ich ./psh.phar storefront:hot-proxy mache sobald ich aber build mache funktioniert es nicht mehr und in der Console kommt:

Uncaught SyntaxError: import declarations may only appear at top level of a module

ich habe auch schon versucht in der theme.json meinen script Pfad zu entfernen dann wird aber die main.js nicht mehr geladen.

 

Theme.json

{
  ...
  "style": [
    "app/storefront/scss/overwrite.scss",
    "app/storefront/scss/variables.scss",
    "@Storefront",
    "app/storefront/scss/base.scss"
  ],
  "script": [
    "@Storefront",
    "app/storefront/src/main.js"
  ],
  ...
}

 

main.js

import IdmCheckoutChange from './idm-checkout-change/idm-checkout-change.plugin';

const PluginManager = window.PluginManager;
PluginManager.register('IdmCheckoutChange', IdmCheckoutChange);

console.log('HELLO');


if (module.hot) {
    module.hot.accept();
}